Eva Chenim1010ioio.hashnode.dev·Sep 23, 2024#43 用 CSS clip-path 剪裁各種形狀的色塊/圖片/影片↓ 今日學習重點 ↓ 學會使用 CSS clip-path 繪製各種圖形 在 CSS 中除了使用 border 來繪製形狀，還有一個語法 clip-path 也可以繪製圖形，它可以將東西指定在某個形狀內，例如圓形、多邊形，甚至是使用 SVG 路徑等特殊形狀。 它的概念類似於 Photoshop 中的剪裁遮色片，是將東西「剪裁」掉，裡面可以放入各種 HTML 元素，從色塊、圖片到影片都可以。 一、基本語法 clip-path 的語法很簡單，就是使用它定義好的方法，可以是各種形狀（例如：ci...Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯CSSAdd a thoughtful commentNo comments yetBe the first to start the conversation.
