Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
clipping vs masking

4 Articles
{
,

}
Direct link to the article Cutouts
clipping vs masking SVG

Cutouts

Direct Link

Ahmad Shadeed dug into shape “cutouts” the other day. Imagine a shape with another smaller shape carved out of it. In his typical comprehensive way, Ahmad laid out the situation well—looking at tricky situations that complicate things. …

Avatar of Chris Coyier
Shared by Chris Coyier on Aug 16, 2021
Direct link to the article clipPath vs. mask
clip-path clipping vs masking mask

clipPath vs. mask

Direct Link

These things are so similar, I find it hard to keep them straight. This is a nice little explanation from viewBox (what a cool name and URL, I hope they keep it up).

The big thing is that clipPath…

Avatar of Chris Coyier
Shared by Chris Coyier on Dec 27, 2020
Direct link to the article Using CSS Clip Path to Create Interactive Effects, Part II
clip-path clipping vs masking mask SVG

Using CSS Clip Path to Create Interactive Effects, Part II

This is a follow up to my previous post looking into clip paths. Last time around, we dug into the fundamentals of clipping and how to get started. We looked at some ideas to exemplify what we can do with …

Avatar of Mikael Ainalem
Mikael Ainalem on Aug 24, 2018
Direct link to the article Masking vs. Clipping: When to Use Each
clip clipping vs masking mask

Masking vs. Clipping: When to Use Each

I was recently doing some client work where I used both <clippath></clippath>s and <mask></mask>s in SVG to hide and show content for animation. When I started this project, I thought I knew all of the reasons to use …

Avatar of Sarah Drasner
Sarah Drasner on Jun 7, 2017

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top