菱形图片

原文出处：http://www.w3cplus.com/css3/css-secrets/diamond-images.html

问题

用菱形裁剪图片在视觉设计中非常常见，但是这种效果没办法直接用CSS完成。实际上，直到最近，这基本上还是不可能做到的。因为，当网页设计师想要使用这种样式，他们通常会先用图像编辑器预裁剪图像。当然，不用想都知道，这对于应用任何效果都不是一种可维护的方式，如果后面有人想要改变图像样式，最后的结果都会变得非常混乱。

当然，现在有一个更好的方法，对吧？实际上，有两个耶！