|
|
@ -4,4 +4,26 @@ |
|
|
|
|
|
|
|
#example:hover { |
|
|
|
color: yellowgreen; |
|
|
|
} |
|
|
|
} |
|
|
|
.loader2 { |
|
|
|
width:25px; |
|
|
|
height:25px; |
|
|
|
display:inline-block; |
|
|
|
padding:0px; |
|
|
|
border-radius:100%; |
|
|
|
border:5px solid; |
|
|
|
border-top-color:rgba(254, 168, 23, 0.65); |
|
|
|
border-bottom-color:rgba(57, 154, 219, 0.65); |
|
|
|
border-left-color:rgba(188, 84, 93, 0.95); |
|
|
|
border-right-color:rgba(137, 188, 79, 0.95); |
|
|
|
-webkit-animation: loader2 2s ease-in-out infinite alternate; |
|
|
|
animation: loader2 1s ease-in-out infinite alternate; |
|
|
|
} |
|
|
|
@keyframes loader2 { |
|
|
|
from {transform: rotate(0deg);} |
|
|
|
to {transform: rotate(720deg);} |
|
|
|
} |
|
|
|
@-webkit-keyframes loader2 { |
|
|
|
from {-webkit-transform: rotate(0deg);} |
|
|
|
to {-webkit-transform: rotate(720deg);} |
|
|
|
} |