mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-03-14 12:18:30 +03:00
Smoother animation for menu
This commit is contained in:
parent
5af2a060a6
commit
9fbfc993fd
2 changed files with 12 additions and 1 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Reference in a new issue