clip-path
是CSS属性之一,只不过很多同学都担心浏览器对他的兼容性,因此不怎么使用该属性。其实clip-path
已经得到很好的支持,可以说现在主流浏览器对他的支持已经很好了。事实也是这样,就我自己而言,早在去年中开发的项目就已经有clip-path
的身影了。在CSS的世界中,clip-path
是一个很有意思的属性,他可以帮助我们绘制很多不同规则的图形(除了常见的圆形,椭圆形,矩形,三角形等),而且结合CSS的transition
或animation
的话,clip-path
能帮助我们实现一些很有意思的动画效果。接下来,就和大家聊聊使用clip-path
制作Web动效的一些事情。