Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
mask-clip

3 Articles
{
,

}
Direct link to the article Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D
3d background-clip hover mask-clip

Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D

We’ve walked through a series of posts now about interesting approaches to CSS hover effects. We started with a bunch of examples that use CSS background properties, then moved on to the text-shadow property where we technically didn’t use …

Avatar of Temani Afif
Temani Afif on May 26, 2022
Direct link to the article Icon Glassmorphism Effect in CSS
backdrop-filter background-clip element() emoji filter hsl mask-clip navigation

Icon Glassmorphism Effect in CSS

I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just use some emojis for the icons without wasting time …

Avatar of Ana Tudor
Ana Tudor on Nov 8, 2021
Direct link to the article CSS-ing Candy Ghost Buttons
background-clip border-image buttons clip-path ghost buttons gradients mask mask-clip mask-composite mix-blend-mode

CSS-ing Candy Ghost Buttons

Recently, while looking for some ideas on what to code as I have zero artistic sense so the only thing I can do is find pretty things that other people have come up with and remake them with clean and …

Avatar of Ana Tudor
Ana Tudor on Oct 31, 2021

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top