Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 20 | xraver | 1 | // Animated Icons |
| 2 | // -------------------------- |
||
| 3 | |||
| 4 | .@{fa-css-prefix}-spin { |
||
| 5 | -webkit-animation: fa-spin 2s infinite linear; |
||
| 6 | animation: fa-spin 2s infinite linear; |
||
| 7 | } |
||
| 8 | |||
| 9 | .@{fa-css-prefix}-pulse { |
||
| 10 | -webkit-animation: fa-spin 1s infinite steps(8); |
||
| 11 | animation: fa-spin 1s infinite steps(8); |
||
| 12 | } |
||
| 13 | |||
| 14 | @-webkit-keyframes fa-spin { |
||
| 15 | 0% { |
||
| 16 | -webkit-transform: rotate(0deg); |
||
| 17 | transform: rotate(0deg); |
||
| 18 | } |
||
| 19 | 100% { |
||
| 20 | -webkit-transform: rotate(359deg); |
||
| 21 | transform: rotate(359deg); |
||
| 22 | } |
||
| 23 | } |
||
| 24 | |||
| 25 | @keyframes fa-spin { |
||
| 26 | 0% { |
||
| 27 | -webkit-transform: rotate(0deg); |
||
| 28 | transform: rotate(0deg); |
||
| 29 | } |
||
| 30 | 100% { |
||
| 31 | -webkit-transform: rotate(359deg); |
||
| 32 | transform: rotate(359deg); |
||
| 33 | } |
||
| 34 | } |