Add fade animation

This commit is contained in:
Antoine Bartuccio 2025-06-02 16:12:04 +02:00
parent c10b488080
commit 3892e1cee2
Signed by: klmp200
GPG Key ID: E7245548C53F904B

View File

@ -36,4 +36,33 @@ details.accordion>.accordion-content {
border: 1px solid #dddddd; border: 1px solid #dddddd;
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;
} }