2 Animation example, for spinners
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
;
12 -moz-animation: spin
4s infinite linear
;
13 -o-animation: spin
4s infinite linear
;
14 -webkit-animation: spin
4s infinite linear
;
15 animation: spin
4s infinite linear
;
16 display: inline-block
;
18 @-moz-keyframes spin
{
20 -moz-transform: rotate
(0deg);
21 -o-transform: rotate
(0deg);
22 -webkit-transform: rotate
(0deg);
23 transform: rotate
(0deg);
27 -moz-transform: rotate
(359deg);
28 -o-transform: rotate
(359deg);
29 -webkit-transform: rotate
(359deg);
30 transform: rotate
(359deg);
33 @-webkit-keyframes spin
{
35 -moz-transform: rotate
(0deg);
36 -o-transform: rotate
(0deg);
37 -webkit-transform: rotate
(0deg);
38 transform: rotate
(0deg);
42 -moz-transform: rotate
(359deg);
43 -o-transform: rotate
(359deg);
44 -webkit-transform: rotate
(359deg);
45 transform: rotate
(359deg);
50 -moz-transform: rotate
(0deg);
51 -o-transform: rotate
(0deg);
52 -webkit-transform: rotate
(0deg);
53 transform: rotate
(0deg);
57 -moz-transform: rotate
(359deg);
58 -o-transform: rotate
(359deg);
59 -webkit-transform: rotate
(359deg);
60 transform: rotate
(359deg);
65 -moz-transform: rotate
(0deg);
66 -o-transform: rotate
(0deg);
67 -webkit-transform: rotate
(0deg);
68 transform: rotate
(0deg);
72 -moz-transform: rotate
(359deg);
73 -o-transform: rotate
(359deg);
74 -webkit-transform: rotate
(359deg);
75 transform: rotate
(359deg);
80 -moz-transform: rotate
(0deg);
81 -o-transform: rotate
(0deg);
82 -webkit-transform: rotate
(0deg);
83 transform: rotate
(0deg);
87 -moz-transform: rotate
(359deg);
88 -o-transform: rotate
(359deg);
89 -webkit-transform: rotate
(359deg);
90 transform: rotate
(359deg);