Как сделать, чтобы тень возвращалась также медленно, как появляется?

Question

[Андрей Гильгенберг]

У меня есть код:


Я сделал, что при наведении плавно появляется тень, хочу чтобы когда мышь убирали тень также плавно уходила

Answer 1

[FairyTaleComposer]

transition: box-shadow 0.5s;
напишите не в :hover, а в свойства самого класса, то есть:

.todo-list {
transition: box-shadow 0.5s;
}

Answer 2

[Aetae]

transition: box-shadow 0.5s; задай самому элементу(.todo_list), а не .todo_list:hover.