40 lines
600 B
SCSS
40 lines
600 B
SCSS
// ==========================================================================
|
|
// Animation for miles!
|
|
// ==========================================================================
|
|
|
|
|
|
@keyframes "grow" {
|
|
0% {
|
|
transform: scale(.3);
|
|
}
|
|
60% {
|
|
transform: scale(1.15);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes "candy" {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
20% {
|
|
transform: scale(1.15);
|
|
}
|
|
60% {
|
|
transform: scale(.95);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes "flyer" {
|
|
0% {
|
|
transform: translate3d(0px, 0px, 0px);
|
|
}
|
|
100% {
|
|
transform: translate3d(680px, -680px, 0px);
|
|
}
|
|
}
|