Codrops
  • All Posts
  • Demos Hub
  • Webzibition

maskpage transitionslideshow

Transition Effect with CSS Masks

In Tutorials, Sep 29, 2016 by Robin Delaporte

A tutorial on how to use CSS Masks to create some interesting looking slide transitions. Highly experimental!

clipclip-path

Background Segment Effect

In Playground, Sep 21, 2016 by Manoela Ilic

A background image segment effect as seen on Filippo Bello’s Portfolio, employing the CSS clip-path property and powered by anime.js.

svgtypography

Fancy SVG Letter Animation

In Playground, Sep 13, 2016 by Manoela Ilic

An experimental SVG letter animation based on the Dribbble shot “Shading Letters in Illustrator” by Jake Bartlett. Powered by Julian Garnier’s anime.js.

navigation

Inspiration for Navigation Indicators

In Playground, Sep 2, 2016 by Manoela Ilic

Some navigation style ideas for slideshows, pages and other components that require a navigation. Shown on the example of a vertical slideshow.

Meco
Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Try it, unclutter your inbox.
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
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Subscribe
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • LinkedIn
  • Instagram
  • X (Twitter)
  • Bluesky
  • Facebook
  • Telegram
  • RSS Feed
  • GitHub
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo