Почему не работает transition?

Question

[lemonlimelike]

CSS код Не работает свойство transition к панели у видео. Должно плавно выходить и исчезать плавно

Answer 1

[Сергей Горячев]

Потому что transition не работает с "блочными" элементами.
Под "блочными" я имею ввиду display none/block.
https://toster.ru/search?q=transition+display+none
Тут есть ответы и решения уже.

Comments

[lemonlimelike]

спасибо

[Сергей delphinpro]

Сергей Горячев: lemonlimelike:

Точнее - transition не работает с дискретными свойствами. Еще точнее - работает со всеми, но ввиду дискретности некоторых свойств, они изменяются между своими допустимыми значениями. Тот же display: block переключается в none сразу, потому что не существует промежуточных значений. Интересно, что z-index будет постепенно переключать свое значение, но только с шагом в единицу, и визуально он в один момент вылетит из-под другого блока или наоборот.
Короче говоря переходы могут применяться к числовым значения и к цвету, тут их эффект будет заметен.

[Сергей Горячев]

Сергей: Ты умный, я теорию плохо знаю)))

[Сергей delphinpro]

Сергей Горячев: ну теперь знаешь чуть больше чем пять минут назад =)