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 (the element in SVG, as well as clip-path in CSS) is vector and when it is applied, whatever you are clipping is either in or out. With a mask, you can also do partial transparency, meaning you can use … Read article “clipPath vs. mask”
The post clipPath vs. mask appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Login to add comment
Other posts in this group





CSS-Questions is a mini site where you can test your CSS knowledge with over 100 questions.

Web design veteran Andy Clarke is offering a two-hour workshop all about creating practical and creative page layouts this September 18. Register and save a few bucks with a coupon code.

How do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story? Here’s how I do it by styling the HTML blockquote
element using borders, de