102 lines
1.4 KiB
SCSS
102 lines
1.4 KiB
SCSS
@keyframes fadeOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes openModalDesktop {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.96);
|
|
}
|
|
|
|
100% {
|
|
// opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes slideUp {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate(0%, 100%);
|
|
}
|
|
|
|
100% {
|
|
transform: translate(0, 5%);
|
|
}
|
|
}
|
|
|
|
@keyframes slideLeft {
|
|
from {
|
|
transform: translateX(100%);
|
|
}
|
|
to {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
@keyframes slideRight {
|
|
from {
|
|
transform: translateX(var(--radix-toast-swipe-end-x));
|
|
}
|
|
to {
|
|
transform: translateX(100%);
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInFilter {
|
|
from {
|
|
backdrop-filter: blur(5px) saturate(100%) brightness(80%) opacity(0);
|
|
}
|
|
|
|
to {
|
|
backdrop-filter: blur(5px) saturate(100%) brightness(80%) opacity(1);
|
|
}
|
|
}
|
|
|
|
@keyframes scaleIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
}
|
|
20% {
|
|
opacity: 0.2;
|
|
transform: scale(0.4);
|
|
}
|
|
40% {
|
|
opacity: 0.4;
|
|
transform: scale(0.8);
|
|
}
|
|
60% {
|
|
opacity: 0.6;
|
|
transform: scale(1);
|
|
}
|
|
65% {
|
|
opacity: 0.65;
|
|
transform: scale(1.1);
|
|
}
|
|
70% {
|
|
opacity: 0.7;
|
|
transform: scale(1);
|
|
}
|
|
75% {
|
|
opacity: 0.75;
|
|
transform: scale(0.98);
|
|
}
|
|
80% {
|
|
opacity: 0.8;
|
|
transform: scale(1.02);
|
|
}
|
|
90% {
|
|
opacity: 0.9;
|
|
transform: scale(0.96);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|