Fancy Social Media Icons that spread out when you hover them.
A Pen by Christophe Chabot on CodePen.
@import url(http://fonts.googleapis.com/css?family=Open+Sans); | |
*, *::before, *::after { | |
box-sizing: border-box; | |
} | |
body { | |
background: #FDFDFD; | |
margin: 25px 0; | |
} |
A Pen by Dudley Storey on CodePen.
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic); | |
* { | |
margin: 0; | |
padding: 0; | |
box-sizing: border-box; | |
} | |
body { | |
font-family: 'Roboto', Arial, sans-serif; | |
background-color: #ebebeb; |
This is a 100% CSS animated loading screen that takes up the entire viewport and looks really nifty.
Lots of magic numbers, but I am confident this can be just put wholesale into a project.
A Pen by Daniel "Orangestar" O'Day on CodePen.
#badUX
Next Effect v1: http://codepen.io/ozgursagiroglu/pen/uajkI
A Pen by Özgür Sağıroğlu on CodePen.