Mercurial > libervia-media

comparison fonts/fontello/css/animation.css @ 42:9a8a5d8f5b86

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fonts: added a set of icon fonts generated by fontello + their plain svg version (cf. README_SAT)
author Goffi <goffi@goffi.org>
date Sun, 11 Mar 2018 19:13:35 +0100
parents
children
comparison
equal deleted inserted replaced
41:f8ece5fe01ec 42:9a8a5d8f5b86
1 /*
2 Animation example, for spinners
3 */
4 .animate-spin {
5 -moz-animation: spin 2s infinite linear;
6 -o-animation: spin 2s infinite linear;
7 -webkit-animation: spin 2s infinite linear;
8 animation: spin 2s infinite linear;
9 display: inline-block;
10 }
11 @-moz-keyframes spin {
12 0% {
13 -moz-transform: rotate(0deg);
14 -o-transform: rotate(0deg);
15 -webkit-transform: rotate(0deg);
16 transform: rotate(0deg);
17 }
18
19 100% {
20 -moz-transform: rotate(359deg);
21 -o-transform: rotate(359deg);
22 -webkit-transform: rotate(359deg);
23 transform: rotate(359deg);
24 }
25 }
26 @-webkit-keyframes spin {
27 0% {
28 -moz-transform: rotate(0deg);
29 -o-transform: rotate(0deg);
30 -webkit-transform: rotate(0deg);
31 transform: rotate(0deg);
32 }
33
34 100% {
35 -moz-transform: rotate(359deg);
36 -o-transform: rotate(359deg);
37 -webkit-transform: rotate(359deg);
38 transform: rotate(359deg);
39 }
40 }
41 @-o-keyframes spin {
42 0% {
43 -moz-transform: rotate(0deg);
44 -o-transform: rotate(0deg);
45 -webkit-transform: rotate(0deg);
46 transform: rotate(0deg);
47 }
48
49 100% {
50 -moz-transform: rotate(359deg);
51 -o-transform: rotate(359deg);
52 -webkit-transform: rotate(359deg);
53 transform: rotate(359deg);
54 }
55 }
56 @-ms-keyframes spin {
57 0% {
58 -moz-transform: rotate(0deg);
59 -o-transform: rotate(0deg);
60 -webkit-transform: rotate(0deg);
61 transform: rotate(0deg);
62 }
63
64 100% {
65 -moz-transform: rotate(359deg);
66 -o-transform: rotate(359deg);
67 -webkit-transform: rotate(359deg);
68 transform: rotate(359deg);
69 }
70 }
71 @keyframes spin {
72 0% {
73 -moz-transform: rotate(0deg);
74 -o-transform: rotate(0deg);
75 -webkit-transform: rotate(0deg);
76 transform: rotate(0deg);
77 }
78
79 100% {
80 -moz-transform: rotate(359deg);
81 -o-transform: rotate(359deg);
82 -webkit-transform: rotate(359deg);
83 transform: rotate(359deg);
84 }
85 }