/home/techb158/dev.balacoffee.com/resources/src/assets/styles/sass/globals
Edit: /home/techb158/dev.balacoffee.com/resources/src/assets/styles/sass/globals/_animations.scss (742B)
.page-enter-active {
animation: slide-in 0.3s ease-out forwards;
}
.page-leave-active {
animation: slide-out 0.3s ease-out forwards;
}
@keyframes slide-in {
from {
transform: scale(0.9);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes slide-out {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.9);
opacity: 0;
}
}
@keyframes zoomIn {
0% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.spin {
animation: spin 2s infinite linear;
}