Codrops
  • All Posts
  • Demos Hub
  • Webzibition
  • The Collective

clip-pathgridpage-transitionsvg

Card Expansion Effect with SVG clipPath

In Playground, Jun 18, 2015 by Claudio Calautti

A morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.

flickitygridshopping-cart

Filterable Product Grid

In Blueprints, Jun 16, 2015 by Manoela Ilic

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.

colorfilterslideshowsvg

Color Extraction Effect

In Playground, Jun 4, 2015 by Manoela Ilic

A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.

Wix Studio
Seamlessly transform your Figma designs into responsive, business-ready sites with the Figma to Wix Studio plugin.
Readymag
Make designs interactive & publish as websites with Readymag. Transfer anything from Figma to Readymag in 4 clicks with a plugin.
Creative Coding Club
GSAP3: Beyond the Basics Ready to take your GSAP3 skills to the next level? Learn "must know" features of GSAP3 that will open your eyes to new ways of creating and controlling your animations. Use "cdrps" for 20% off!
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • The Collective
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • GitHub
  • Bluesky
  • Instagram
  • Facebook
  • Telegram
  • Mastodon
  • X
  • RSS Feed
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo