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

3dprogresssass

Shaded Progress Bars: A CSS/Sass Exercise

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.

+ more
buttonelasticprogresssvg

Elastic Progress

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.

+ more
freebieiconsvgweb hosting

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

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.

+ more
video

How to Create a Fullscreen Video Opening Animation

Sep 17, 2015 by Pedro Botelho

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

+ more
freebiesketchtemplateui-kit

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

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.

+ more
buttonfileforminput

Styling & Customizing File Inputs the Smart Way

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.

+ more
buttonmaterial-designsvg

Creating Material Design Ripple Effects with SVG

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.

+ more
Mailchimp
Get personalized content recommendations to make your emails more engaging. Sign up for Mailchimp today.
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