Почему не срабатывает моя версия FadeIn?

Question

[MdaUZH]

Всем привет.
Не использую различные библиотеки.

Решил написать fadeIn/Out/To

Но не работает, понять почему не могу..

Подскажите пожалуйста, вот тут код и посмотреть:

https://jsfiddle.net/ppkcerwL

Буду очень благодарен за помощь

Answer 1

[name surname]

display не анимируется, юзайте opacity https://jsfiddle.net/ppkcerwL/3/

Comments

[MdaUZH]

я же там добавляю opacity 0, а потом делаю 1 с transition.

А этот вариант мне не совсем подходит, т.к элемент просто скрывается, а так остается в потоке

[name surname]

посмотрите статейку мож поможет webformyself.com/animaciya-ot-display-block-do-dis...

[Archakov Dennis]

MdaUZH: ну делайте тогда с таймаутом

Answer 2

[IceJOKER]

Ваш код работает прекрасно, что у вас не срабатывает то?

p.s. Лучше используйте различные библиотеки, потому что ваша версия fadeIn/Out очень кривая

Comments

[MdaUZH]

ну плавненько не появляется :c