(CSS) 倾斜 img 框架而不扭曲图像
我正在制作一个包含许多倾斜元素的网站，如下所示：
这还不错，有些 CSS 转换可能会扭曲它。但是这个怎么样：
图像没有失真，只是框架以倾斜的方式裁剪。最简单/最好的方法是什么？
我认为这应该对你有用。正如 Mark 评论的那样，这clip-path是一个不错的方法。有一些工具可以获取正确的路径，例如Clippy。获得路径后，将其直接放入代码中。在我的演示中，我将它用于div包装图像，而不是图像本身。我这样做是为了将边框效果（通过伪类添加）保留在图像顶部。
演示： http : //codepen.io/antibland/pen/eZKxNa