Smoother animation for menu

This commit is contained in:
Lim Chee Aun 2023-02-17 19:39:33 +08:00
parent 5af2a060a6
commit 9fbfc993fd
2 changed files with 12 additions and 1 deletions

View file

@ -1020,7 +1020,7 @@ button.carousel-dot:is(.active, [disabled].active) {
border-radius: 8px;
box-shadow: 0 3px 6px var(--drop-shadow-color);
text-align: left;
animation: appear 0.15s ease-in-out;
animation: appear-smooth 0.15s ease-in-out;
width: 16em;
max-width: 90vw;
overflow: hidden;

View file

@ -306,6 +306,17 @@ code {
}
}
@keyframes appear-smooth {
from {
opacity: 0;
transform: scale(0.98);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes fade-in {
from {
opacity: 0;