菱形圖片

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

問(wèn)題

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

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