Eva Chenim1010ioio.hashnode.dev·Sep 23, 2024#43 用 CSS clip-path 剪裁各種形狀的色塊/圖片/影片↓ 今日學習重點 ↓ 學會使用 CSS clip-path 繪製各種圖形 在 CSS 中除了使用 border 來繪製形狀，還有一個語法 clip-path 也可以繪製圖形，它可以將東西指定在某個形狀內，例如圓形、多邊形，甚至是使用 SVG 路徑等特殊形狀。 它的概念類似於 Photoshop 中的剪裁遮色片，是將東西「剪裁」掉，裡面可以放入各種 HTML 元素，從色塊、圖片到影片都可以。 一、基本語法 clip-path 的語法很簡單，就是使用它定義好的方法，可以是各種形狀（例如：ci...DiscussSuper Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯CSS
Anower Jahan Shofolshofol.hashnode.dev·May 10, 2023Create a gradient progress bar with CSSHave you noticed cool gradient progress bars around the internet? I have seen many cool websites using it. Recently I was going through JoshWComeau's 'The Joy of React'. The course platform is so unique and full of resources. There's a gradient progr...Discuss·309 readsCSS Shorts by ShofolCSS
clippingclipping.hashnode.dev·Dec 8, 2022Clipping path serviceWhat is clipping path? Creating a clipping path is a technique in Adobe Photoshop software. A pen tool is used to remove background an image. It can present a clear coherent outline of an image. It takes time and care to make a clipping path look con...Discussclipping path service
Clipping Path serviceclipping12.hashnode.dev·Oct 14, 2022Clipping path serviceProfessional Clipping Path Service Clipping Path Service is the process of removing an object from its surroundings by tracing its outer boundary with a software. It is also known as Photo Masking, Alpha Channel Masking, and Image Trimming. The use o...Discussclipping path
