Articles Tagged
clip

3 Articles

Going From Solid to Knockout Text on Scroll

Here’s a fun CSS trick to show your friends: a large title that switches from a solid color to knockout text as the background image behind it scrolls into place. And we can do it using plain ol’ HTML and …

Blake Lundquist on Feb 3, 2021

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 …

Sarah Drasner on Jun 7, 2017

clip clip-path

clip-path

The clip-path property in CSS allows you to specify a specific region of an element to display, with the rest being hidden (or “clipped”) away.

.clip-me {  
  
  /* Example: clip away the element from the top, right, bottom, and left

…

Sara Cope on Sep 5, 2011 (Updated on Nov 27, 2020)