f8lrebel

Hand animation - loading

I really liked that little hand animation so I decided to recreate it in good pure CSS only. No JS was harmed.

A Pen by r4ms3s on CodePen.

License.

f8lrebel

ByqNde

A Pen by Artem Zubkov on CodePen.

License.

f8lrebel

Progress slipping away

Was looking at a tumblr, http://consciousfree.tumblr.com/post/113765639190/106-365 and thought I'd give it a try. I feel like it's doing something different, but I still like it.

A Pen by Brandel Zachernuk on CodePen.

License.

f8lrebel

Animated Spinners

A demo of our animated svg spinners

A Pen by Ionic on CodePen.

License.

f8lrebel

CSS power button

Inspired by Piotr Kwiatkowski's work on Dribbble : http://dribbble.com/shots/657699-Power-Button?list=following. Looks pretty accurate, doesn't it ? What a shame (-webkit-)filters are inherited and can't be cancelled, it looked way better with a tiny blur on the inner element. :(

A Pen by Hugo Giraudel on CodePen.

License.

f8lrebel

CSS Buttons

Rebound of this dribbble shot: http://dribbble.com/shots/623227-Buttons-CSS

A Pen by Daniel Eden on CodePen.

License.

f8lrebel

iOS style action button

Experiment to replicate the iOS action button using box shadows for the grove around it.

A Pen by Hervé Mischler on CodePen.

License.

f8lrebel

Minimal Circular 3D Buttons

A more accessible version of the demo found here: http://css-tricks.com/circular-3d-buttons/

Accessiblity HTML for the font icons from here: http://css-tricks.com/html-for-icon-font-usage/

A Pen by Louis Lazaris on CodePen.

f8lrebel

Simple button

Design belongs: http://dribbble.com/shots/998348-Check-Buttons-Freebie?list=popular&offset=24

Work perfectly only in Chrome!

A Pen by katmai7 on CodePen.

License.

f8lrebel

Button

Inspired by Alex Sharpz's work on Dribbble http://drbl.in/gunm

A Pen by Mojtaba Seyedi on CodePen.

License.