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: 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;
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user