added spinner keyframes to moz

This commit is contained in:
danielgrippi 2012-01-07 20:59:37 -08:00
parent ad2e6a414f
commit 07d81e0a85

View file

@ -28,13 +28,26 @@
100% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); }
} }
@-moz-keyframes fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); }
}
.loaded { .loaded {
-webkit-animation: fade-in 0.16s linear; -webkit-animation: fade-in 0.16s linear;
-moz-animation: fade-in 0.16s linear;
} }
.loader { .loader {
-webkit-animation: spin 1s infinite ease-in-out, -webkit-animation: spin 1s infinite ease-in-out,
fade-in 0.2s ease-in; fade-in 0.2s ease-in;
-moz-animation: spin 1s infinite ease-in-out,
fade-in 0.2s ease-in;
} }
/ Social Media Icons are by Paul Robert Lloyd @ http://paulrobertlloyd.com/2009/06/social_media_icons / Social Media Icons are by Paul Robert Lloyd @ http://paulrobertlloyd.com/2009/06/social_media_icons