43 lines
730 B
SCSS
43 lines
730 B
SCSS
// ----------------------------------------------------------------------------
|
|
// ANIMATIONS
|
|
// ----------------------------------------------------------------------------
|
|
|
|
@keyframes expand-outline {
|
|
0% {
|
|
outline-offset: 0;
|
|
}
|
|
100% {
|
|
outline-offset: 2px;
|
|
}
|
|
}
|
|
|
|
@keyframes rotate-vertical-left {
|
|
0% {
|
|
transform: rotateY(0);
|
|
transform-origin: left;
|
|
}
|
|
50% {
|
|
transform: rotateY(180deg);
|
|
transform-origin: left;
|
|
}
|
|
100% {
|
|
transform: rotateY(0);
|
|
transform-origin: left;
|
|
}
|
|
}
|
|
|
|
@keyframes rotate-horizontal-bottom {
|
|
0% {
|
|
transform: rotateX(0);
|
|
transform-origin: bottom;
|
|
}
|
|
50% {
|
|
transform: rotateX(180deg);
|
|
transform-origin: bottom;
|
|
}
|
|
100% {
|
|
transform: rotateX(0);
|
|
transform-origin: bottom;
|
|
}
|
|
}
|
|
|