css 头像折叠效果

<view class="test flex margin">
            <view style="height: 80rpx;width: 80rpx;box-shadow: 0 0 20px 16px rgba(255, 255, 255, 0.6);border-radius: 50%;margin: 0 0 0 -15px;" >
                <image style="height: 100%;width: 100%;border-radius: 50%;" src="https://himg.bdimg.com/sys/portrait/item/public.1.fff88755.9LaTnrJ-QNdeY9YLEOEiFw.jpg" mode=""/>
            </view>
            <view style="height: 80rpx;width: 80rpx;box-shadow: 0 0 20px 16px rgba(255, 255, 255, 0.6);border-radius: 50%;margin: 0 0 0 -15px;" >
                <image style="height: 100%;width: 100%;border-radius: 50%;" src="https://himg.bdimg.com/sys/portrait/item/public.1.fff88755.9LaTnrJ-QNdeY9YLEOEiFw.jpg" mode=""/>
            </view>
            <view style="height: 80rpx;width: 80rpx;box-shadow: 0 0 20px 16px rgba(255, 255, 255, 0.6);border-radius: 50%;margin: 0 0 0 -15px;" >
                <image style="height: 100%;width: 100%;border-radius: 50%;" src="https://himg.bdimg.com/sys/portrait/item/public.1.fff88755.9LaTnrJ-QNdeY9YLEOEiFw.jpg" mode=""/>
            </view>
            <view style="height: 80rpx;width: 80rpx;box-shadow: 0 0 20px 16px rgba(255, 255, 255, 0.6);border-radius: 50%;margin: 0 0 0 -15px;" >
                <image style="height: 100%;width: 100%;border-radius: 50%;" src="https://himg.bdimg.com/sys/portrait/item/public.1.fff88755.9LaTnrJ-QNdeY9YLEOEiFw.jpg" mode=""/>
            </view>
        </view>