技術 #43 用 CSS clip-path 剪裁各種形狀的色塊/圖片/影片

在 CSS 中除了使用 border 來繪製形狀，還有一個語法 clip-path 也可以繪製圖形，它可以將東西指定在某個形狀內，例如圓形、多邊形，甚至是使用...

技術 Secret 12: 截角效果 (clip-path)

雖然border-image的做法很簡潔也很 DRY，仍然有它的限制，比如說我們還是需要有個純色的背景。 還記得在鑽石形圖片中用過的clip-path嗎？CSS...

技術 Secret 11: 鑽石形圖片

鑽石形的圖片是常見的一種視覺設計，但是用 CSS 不容易做到。事實上，一直到最近，它還是不可能實現的效果。以前網頁設計師要實現鑽石形圖片，必須從原始圖片下手，先...