clip-path是CSS属性,用于裁剪元素的可视区域。可以创建圆形、多边形、椭圆等形状,实现创意视觉效果。
通过CSS animation在两个clip-path值之间过渡,浏览器会自动插值计算中间帧,实现平滑的形状变换动画。
现代浏览器(Chrome 55+、Firefox 54+、Safari 13.1+、Edge 79+)均支持clip-path动画。需要相同类型的clip-path才能动画过渡。