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

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 在 CSS 中除了使用 border 來繪製形狀，還有一個語法 clip-path 也可以繪製圖形，它可以將東西指定在某個形狀內，例如圓形、多邊形，甚至是使用 SVG 路徑等特殊形狀。 它的概念類似於 Photoshop 中的剪裁遮色片，是將東西「剪裁」掉，裡面可以放入各種 HTML 元素，從色塊、圖片到影片都可以。 ↓ 今日學習重點 ↓ 學會使用 CSS clip-path 繪製各種圖形 一、基本...