菱形圖片

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

問題

用菱形裁剪圖片在視覺設(shè)計中非常常見，但是這種效果沒辦法直接用CSS完成。實際上，直到最近，這基本上還是不可能做到的。因為，當(dāng)網(wǎng)頁設(shè)計師想要使用這種樣式，他們通常會先用圖像編輯器預(yù)裁剪圖像。當(dāng)然，不用想都知道，這對于應(yīng)用任何效果都不是一種可維護的方式，如果后面有人想要改變圖像樣式，最后的結(jié)果都會變得非?；靵y。

當(dāng)然，現(xiàn)在有一個更好的方法，對吧？實際上，有兩個耶！