clip-path - WEB前端 - 伯乐在线

图片是一个网站必不可少的元素，而呈现出绚丽多彩的图片效果在很多情况下不仅仅是设计师的工作，通过代码来修饰图片也是一个前端工程师必备的技能。因为兼容性的问题，实际项目中可能用的比较少，包括博主自己也只是用过几次剪切，很多情况下都交给设计师去做了。但作为一个hacker怎么能满足于此呢，必须深入探究！

Web 页面以长方形为主，相比之下，平面媒体在形状方面更具多样性。造成这种差异的原因之一就是，在 web 页面开发中缺少像平面媒体中那样合适的工具。

效果本质上是CSS3动画，就是旋转(transform:rotate)和位移(transform:translate)，只是旋转和位移的部件是三角碎片而已。