iT邦幫忙

clip-path相關文章
共有 3 則文章
鐵人賽 Modern Web DAY 16
CSS Secrets 導讀 系列 第 16

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

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

鐵人賽 Modern Web DAY 13
CSS Secrets 導讀 系列 第 13

技術 Secret 11: 鑽石形圖片

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

鐵人賽 Modern Web DAY 9

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

本篇同步發表於我的 Hashnode 部落格:Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會使用...