Codrops
  • All Posts
  • Demos Hub
  • Webzibition

3Dprogresssass

Shaded Progress Bars: A CSS/Sass Exercise

In Tutorials, Sep 30, 2015 by Rafael González

A tutorial on how to create some interesting 3D progress bars with CSS/Sass. Discover how to use box shadows and gradients to create realistic looking skins.

buttonelasticprogresssvg

Elastic Progress

In Playground, Sep 23, 2015 by Lucas Bebber

An elastic SVG progress loader based on the Dribbble shot “Download” by xjw and implemented with SVG and TweenMax.

freebieiconsvgweb hosting

Freebie: Web Hosting & Technical Support Icons (AI, EPS, PSD, SVG, PNG)

In Freebies, Sep 18, 2015 by Eezy Inc.

A free set of 36 web hosting and technical support icons in AI, EPS, SVG, PSD and PNG by Vecteezy.

GSAPvideo

How to Create a Fullscreen Video Opening Animation

In Tutorials, Sep 17, 2015 by Manoela Ilic

A tutorial on how to create a video opening animation inspired by the effect seen on momentsapp.com.

freebiesketchtemplateui kit

Freebie: “Land.io” UI Kit + Landing Page Design (Sketch)

In Freebies, Sep 16, 2015 by Peter Finlan

A versatile landing page UI kit designed in Sketch with thoughtfully crafted website elements that will take your website project to the next level.

buttonfileforminput

Styling & Customizing File Inputs the Smart Way

In Tutorials, Sep 15, 2015 by Osvaldas Valutis

A tutorial on how to style and customize <input type=”file”> in a semantic, accessible way using the <label> element and some JavaScript.

buttonGSAPmaterial designsvg

Creating Material Design Ripple Effects with SVG

In Tutorials, Sep 14, 2015 by Dennis Gaebel

An in-depth tutorial on how to build the ripple effect outlined under Google Material Design’s Radial Action specification and combine it with the powers of SVG and GreenSock.

Meco
Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Try it, unclutter your inbox.
Scrimba
Want to build websites but don’t know where to start? Scrimba's Frontend Developer Career Path is the perfect beginner-friendly course to kickstart your journey! Created with Mozilla MDN, it teaches you modern web development skills step by step. Codrops readers get 20% off Pro plans!
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