Add fade animation

This commit is contained in:
2025-06-02 16:12:04 +02:00
parent c10b488080
commit 3892e1cee2

View File

@@ -37,3 +37,32 @@ details.accordion>.accordion-content {
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
@keyframes open {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
/* closing animation */
@keyframes close {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
details[open].accordion summary~* {
animation: open 700ms;
}
details::not([open]).accordion summary~* {
animation: open 700ms;
}