83 lines
1.2 KiB
SCSS
83 lines
1.2 KiB
SCSS
@keyframes slide-in-up {
|
|
from {
|
|
transform: translateY(-1rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes slide-in-left {
|
|
from {
|
|
transform: translateX(1rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes slide-in-right {
|
|
from {
|
|
transform: translateX(-1rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes slide-in-up-longer {
|
|
from {
|
|
transform: translateY(-2rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes slide-in-down-longer {
|
|
from {
|
|
transform: translateY(2rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes slide-in-left-longer {
|
|
from {
|
|
transform: translateX(-2rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes slide-in-right-longer {
|
|
from {
|
|
transform: translateX(2rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes slide-out-down-longer {
|
|
to {
|
|
transform: translateY(-2rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes expand-up-left {
|
|
from {
|
|
transform: scale(0.5) translate(-1rem, -1rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes expand-up-right {
|
|
from {
|
|
transform: scale(0.5) translate(1rem, -1rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes expand-down-left {
|
|
from {
|
|
transform: scale(0.5) translate(-1rem, 1rem);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes expand-down-right {
|
|
from {
|
|
transform: scale(0.5) translate(1rem, 1rem);
|
|
opacity: 0;
|
|
}
|
|
}
|