Плавное появление display:block;?

Question

[Sticky Rain]

Как сделать с помощью JS - плавное появление от display: none; до display: block;

В CSS - transition игнорится.

А visibility не хочется использовать.

Answer 1

[strelok011]

Используйте анимацию opacity в css с помощью keyframes. Из минусов - display none выключает из потока ваш элемент, соответственно плавное появление годится только для абсолютно спозиционированного элемента.
Вот здесь есть комментарий с примером keyframes https://stackoverflow.com/questions/8449933/animat...

Answer 2

[Vadim Sutormin]

Если подключен JQUERY то fadeIn

Comments

[mrspd]

По факту это будет display: block + opacity: 0...1