mirror of
https://github.com/ae-utbm/sith.git
synced 2025-06-08 12:15:18 +00:00
Add fade animation
This commit is contained in:
parent
c10b488080
commit
3892e1cee2
@ -36,4 +36,33 @@ details.accordion>.accordion-content {
|
||||
border: 1px solid #dddddd;
|
||||
border-bottom-right-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;
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user