Shuffle Queue dotted Loader
3 different Preloaders - Pure css
Fairly new to greensock and animation in general, just a little pen to test out the basics of making a loading animation.
Infinite loader UX exploration. Made with pure CSS.
Firefox won't animate background-position here and that breaks the demo.
The code is a mess, no doubt, but it's about the outer values.
Newton loading style using css
free UI elements and widgets coded with HTML5, CSS3, and Sass.
A simple form with floating labels and an animated progress bar.
CSS only progress bar in 5 steps. JS is only used for animating the demo.
Circular Progress Bar
Simple form progress bar
animated progress-bar with boostrap tooltip on it.
Progress bar with changeable skins showing page load percentage
This progress bar uses the HTML5 custom data-* attribute to allow for quick updating to a progress bar animated by Zepto (or jQuery). The animation is wrapped in a window.resize function to reanimate if the browser size is changed.
Post reading progress (Plain JS)
Card design, feed animation, hidden navigation, sliding card to show menu. Menu icon micro-interaction + hover effect using amazing hover.css library Just a touch of jquery to fire event on click
Pure CSS Buttons.Some CSS3 Buttons. I was curious to see exactly what you could do with just CSS well SCSS. Any ideas on how to simplify it
Page 1 of 4