image - 可以仅使用 CSS3 实现 "cut"图像外观吗？

Question

指的是在本网站上看到的图像的外观 - http://sl.dream-theme.com/html/albums-light.html (我与这个 WP 主题没有任何关系，只是提供一个例子)。作者正在使用 jRaphael 来创建“路径剪切”，这是一种很好的浏览器安全方法，但我想避免仅为此目的包含一个额外的库。

Answer 1

非常基本:

http://dabblet.com/gist/2874826

使用 css 伪元素来屏蔽图像(漂亮的下降浏览器支持——将在旧版浏览器中呈现为方形图像，可能是 nbd？)

如果需要阴影/边框/东西，您可以添加额外的包装器，使用更多的伪元素或操纵(转换的)框或其他东西来伪造倾斜的边框。