| How to Use CSS and SVG Clipping and Masking Techniques (wpe) | | 16 |
| how-tos, css, svg, images |
| Clip Pathing Color Changes (chr/fro) | | 15 |
| css, colors |
| The Magic of Clip Path (emi) | | 14 |
| css, effects |
| CSS Tricks to Master the “clip-path” Property (css/ver) | | 13 |
| css, tips-and-tricks |
| Animating Clip Paths on Scroll With “@ property” in CSS (uti) | | 12 |
| css, animations, scrolling |
| Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro) | | 11 |
| images, svg, css, performance |
| CSS Masking (sha) | | 10 |
| css |
| “mask-image” Lets You Do Some Really Cool Stuff (kev) | | 9 |
| videos, css |
| Experimenting With Layering, Filtering, and Masking in CSS (jlz) | | 8 |
| css, experiments, filters |
| Masked Gradient Dashed Lines (mey) | | 7 |
| css, gradients |
| Creative Section Breaks Using CSS “clip-path” (zor/css) | | 6 |
| videos, css |
| Using “mask” as “clip-path” (yua) | | 5 |
| svg, css |
| Fancy CSS Borders Using Masks (css/css) | | 4 |
| css, borders, decoration |
| CSS Masking (dir/dev) | | 3 |
| css |
| CSS Masks—How to Use Masking in CSS Now (sch) | | 2 |
| how-tos, css, svg, images |
| CSS Gradients, Transforms, Animations, and Masks (sen/sit) | | 1 |
| css, gradients, transforms, transitions, animations |
