CSS3 的 clip-path：裁剪不規則圖形

CSS3 的 clip-path 可以將單一 div 做成多形狀的變化。他是利用遮罩 (剪裁) 的方法，連接座標繪製出不同形狀的遮罩區域，讓底色或底圖顯現在區域內。

W3C 規範 clip-path 的語法：
clip-path: <clip-source> | [ <basic-shape> | | <geometry-box> ] | none
預設值：none


線上繪製不規則形狀遮色片
網站名稱：CSS clip-path maker
網站連結：http://bennettfeely.com/clippy/