forked from varia/varia.website
many many many Varia's websites, work in progress: https://many.vvvvvvaria.org
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
815 B
35 lines
815 B
5 years ago
|
// Animated Icons
|
||
|
|
// --------------------------
|
||
|
|
|
||
|
|
.@{fa-css-prefix}-spin {
|
||
|
|
-webkit-animation: ~'@{fa-css-prefix}-spin' 2s infinite linear;
|
||
|
|
animation: ~'@{fa-css-prefix}-spin' 2s infinite linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
.@{fa-css-prefix}-pulse {
|
||
|
|
-webkit-animation: ~'@{fa-css-prefix}-spin' 1s infinite steps(8);
|
||
|
|
animation: ~'@{fa-css-prefix}-spin' 1s infinite steps(8);
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes ~'@{fa-css-prefix}-spin' {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(359deg);
|
||
|
|
transform: rotate(359deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes ~'@{fa-css-prefix}-spin' {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(359deg);
|
||
|
|
transform: rotate(359deg);
|
||
|
|
}
|
||
|
|
}
|