Codrops logo
  • Playground
  • Tutorials
  • Sketches
  • Articles
  • Collective
  • CSS Reference
Search icon

maskpage-transitionslideshow

Transition Effect with CSS Masks

Sep 29, 2016 by Robin Delaporte

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

+ more
clipclip-pathinspiration

Background Segment Effect

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.

+ more
inspirationsvgtypography

Fancy SVG Letter Animation

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.

+ more
inspirationnavigation

Inspiration for Navigation Indicators

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.

+ more
Mailchimp
Get suggestions for improving your content, targeting, and marketing automations to help you increase revenue.
developer Nation Take the Developer Productivity survey now! Share insights, win $100 gift cards and more. Our Sponsor
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Collective
  • Blueprints
  • CSS Reference
  • Freebies
  • About
  • Contact
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • Subscribe
  • Twitter
  • Mastodon
  • Instagram
  • GitHub
  • RSS Feed
  • Content delivered by StackPath
  • © Codrops 2023