| 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 | } |
|---|
