themes/hugo-coder/assets/scss/fork-awesome/_animated.scss
9753fe49cd0d54307282dd7054d079cb47e24d5a
· 805 B · 34 lines
raw
| 1 | // Spinning Icons |
| 2 | // -------------------------- |
| 3 | |
| 4 | .#{$fa-css-prefix}-spin { |
| 5 | -webkit-animation: #{$fa-css-prefix}-spin 2s infinite linear; |
| 6 | animation: #{$fa-css-prefix}-spin 2s infinite linear; |
| 7 | } |
| 8 | |
| 9 | .#{$fa-css-prefix}-pulse { |
| 10 | -webkit-animation: #{$fa-css-prefix}-spin 1s infinite steps(8); |
| 11 | animation: #{$fa-css-prefix}-spin 1s infinite steps(8); |
| 12 | } |
| 13 | |
| 14 | @-webkit-keyframes #{$fa-css-prefix}-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-css-prefix}-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 | } |