Archive for the ‘mask’ Category

Masking vs. Clipping: When to Use Each

Posted on: No Comments
I was recently doing some client work where I used both <clipPath>s and <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 happ...

Transition Effect with CSS Masks

Posted on: No Comments
View demo Download source Today we’d like to show you how to create an intriguingly simple, yet eye-catching transition effect using CSS Masks. Together with clipping, masking is another way of defining visibility and compos...

Transition Effect with CSS Masks

Posted on: No Comments
View demo Download source Today we’d like to show you how to create an intriguingly simple, yet eye-catching transition effect using CSS Masks. Together with clipping, masking is another way of defining visibility and compos...