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

preloadersvg

SVG Drawing Animation

In Playground, Dec 30, 2013 by Manoela Ilic

A little experiment that explores the usage of SVG line drawing animations to precede the appearance of graphics or website elements, simulating the loading of them.

The Mobile Web Designer’s Idea Book Giveaway

In Giveaways, Dec 25, 2013 by Manoela Ilic

Win one of five signed copies of “The Mobile Web Designer’s Idea Book” by Patrick McNeil in this Christmas giveaway.

christmassvg

Merry Christmas with a Bursting Gift Box

In Playground, Dec 24, 2013 by Manoela Ilic

The Codrops team wishes everybody a Merry Christmas and a happy new year! A big “Thank You” from us in form of a little demo with a bursting animated gift box and some flying icons.

3dmenunavigation

Perspective Page View Navigation

In Playground, Dec 18, 2013 by Manoela Ilic

Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mobile app design and we wanted to explore some more effects.

3dbuttonprogress

Progress Button Styles

In Playground, Dec 12, 2013 by Manoela Ilic

A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one side of the button while rotating the button in perspective.

background-clipcanvassvgtexturetypography

Techniques for Creating Textured Text

In Tutorials, Dec 2, 2013 by Sara Soueidan

In this article we’ll explore all the current techniques for creating image or texture filled text and show you how to apply them.

Wix Studio
Turn your one-off creations into a steady income stream by featuring your templates on the Wix Studio Marketplace. Cash in on your creativity—over and over again.
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