aboutsummaryrefslogtreecommitdiff
path: root/source/fonts/fontello/css/animation.css
diff options
context:
space:
mode:
authorZhiming Wang <zmwangx@gmail.com>2016-01-08 21:16:14 -0800
committerZhiming Wang <zmwangx@gmail.com>2016-01-08 21:18:39 -0800
commitf818d439160c8f06add42dd10cfcdbddc71b04d7 (patch)
treed3a6c54a0102826fbfbd1abcf55182fcd1004e00 /source/fonts/fontello/css/animation.css
parentf0ef7cf56c4789e3862b7f49502955afa9d54097 (diff)
downloadmy_new_personal_website-f818d439160c8f06add42dd10cfcdbddc71b04d7.tar.xz
my_new_personal_website-f818d439160c8f06add42dd10cfcdbddc71b04d7.zip
Add stuff to source/ and exclude them
The lonely templates/template.html finally finds it home in the cozy source/, where it rightfully belongs, without the need to worry about being exposed to the world in build/ ;) The full fontello distribution I downloaded (and unpacked) from fontello.com is now in source/fonts/fontello.
Diffstat (limited to 'source/fonts/fontello/css/animation.css')
-rw-r--r--source/fonts/fontello/css/animation.css85
1 files changed, 85 insertions, 0 deletions
diff --git a/source/fonts/fontello/css/animation.css b/source/fonts/fontello/css/animation.css
new file mode 100644
index 00000000..ac5a9562
--- /dev/null
+++ b/source/fonts/fontello/css/animation.css
@@ -0,0 +1,85 @@
+/*
+ Animation example, for spinners
+*/
+.animate-spin {
+ -moz-animation: spin 2s infinite linear;
+ -o-animation: spin 2s infinite linear;
+ -webkit-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear;
+ display: inline-block;
+}
+@-moz-keyframes spin {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(359deg);
+ -o-transform: rotate(359deg);
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@-webkit-keyframes spin {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(359deg);
+ -o-transform: rotate(359deg);
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@-o-keyframes spin {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(359deg);
+ -o-transform: rotate(359deg);
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@-ms-keyframes spin {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(359deg);
+ -o-transform: rotate(359deg);
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@keyframes spin {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(359deg);
+ -o-transform: rotate(359deg);
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}