Оживить тег детализации при закрытии ⇐ Html

[Anonymous]

Я работаю над веб -сайтом для моего исторического проекта, и я столкнулся с проблемой. Я пытался оживить тег детализации, но, кажется, ничего не работает. Вот код, который я использовал для открывающей анимации: < /p>

Код: Выделить всё

@keyframes open {
0% {
opacity: 0;
transform: translateY(-1vw);
}
100% {
opacity: 1;
margin-left: 0px
}
}

details[open] summary~* {
animation: open .5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}< /code>

Cfare do te mesosh gjate ketij materiali:
[list]
[*]
Shqiperia gjate luftes se pare boterore

[*]
Shqiperia mes lufterave boterore

[*]
Shqiperia gjate luftes se dyte boterore

[/list]

Это в основном простое затухание в анимации, и я бы хотел сделать вытухание!>

Подробнее здесь: https://stackoverflow.com/questions/699 ... en-closing