Preloader
Hey everyone! Just a quick shot of the preloader I'm going to use on this site. Instead of going the whole "animated gif" route - I think I'm going to animate the arrows using CSS3 animations! Will definitely let you guys know how it turns out :D
Rad minimal icon by - P.J. Onori
/*------------------------------Update-------------------------------*/
So the CSS3 animation turned out really nice, super smooth! Here's the code (webkit only :P) if anyone is interested:
@-webkit-keyframes preload{
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(180deg);}
}
.icon-preloader {
-webkit-animation-name: preload;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 0.7s;
}