Name Product: SVG: Clipping, Masking, and Filters
Download Size: 400 MB
Sale Page: _https://css-tricks.com/masking-vs-clipping-use/
I was recently doing some client work where I used both
<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 one over the other. But, as tends to happen, working closely with something reveals idiosyncrasies. In this post, we’ll go over some of these details so that you can get productive as soon as possible.
#What is clipping and masking and why should we care about it?
Both clipping and masking obscure areas where elements in an SVG or HTML element can be visually applied. You use a bit of SVG designated as a
<mask> by wrapping the element and applying an id, like so: