主要介绍了CSS3 clip-path 用法介绍详解的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

一、基本概念 刷新 QQ 空间动态时，发现一则广告，随着用户上下滑动动态列表，就会自动切换广告图片，这样的效果对移动端本就不大的屏幕来说，无疑是很精妙的考虑，这样的效果是怎么实现的呢？ 接下来就说说这个效果的具体实现思路： 将两张图片通过定位，相对于图片容器堆叠在一起； 在图片容器的左上角或右下角选取一个圆心，绘制一个圆，不断加大圆的半径来显示第二张图片； 上划下拉时，根据滑动速度动态改变圆的半径； 当图片容器距屏幕顶部或底部的距离为 0 时，则相应的改变图片堆叠