Font-Awesome/scss/_spinning.scss
Tech No Freaky 530502fb5d Added Hover Spin Class [Cloned SPIN Class And Added Hover]
Added A New Class Cloned By fa-spin Class

New Class Name : fa-spin-hover
it will spin when element is hovered.
2015-01-12 10:17:53 +05:30

35 lines
721 B
SCSS

// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.#{$fa-css-prefix}-spin-hover:hover {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}