我正在制作一个包含许多倾斜元素的网站，如下所示：
这还不错，CSS 转换可能会扭曲它。但是这个怎么样：
图像没有扭曲，只是框架以倾斜的方式裁剪。最简单/最好的方法是什么？
I think this http://codepen.io/antibland/pen/eZKxNa应该为你工作。正如马克所评论的那样，clip-path是一个不错的方法。有一些工具可以找到正确的路径，例如Clippy http://bennettfeely.com/clippy/。一旦获得路径，就可以将其直接放入代码中。在我的演示中，我在div包裹图像，而不是图像本身。我这样做是为了将通过伪类添加的边框效果保留在图像顶部。
Demo: http://codepen.io/antibland/pen/eZKxNa http://codepen.io/antibland/pen/eZKxNa
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
