Как сделать плавное затухание?

Question

[WQP]

Как сделать плавное затухание? Вот сайт: showtimetv.ru/serials

Answer 1

[Руслан]

с display:block; display:none; не получится, используйте opacity

Answer 2

[Сергей Мельников]

codepen.io/anon/pen/yjpzm

Comments

[Юрий Лобанов]

@WQP почему не отметите ответ @mlnkv решением? Если не нравится использование псевдоэлемента, то можете сделать как в представленной ссылке div'ом, а принцип тут хорошо показан.

Answer 3

[Vadim Bogomazov]

Здесь сделано через css transition'ы.

Comments

[WQP]

Я знаю, как сделать чтобы после убирания мышки была такая же анимация?

Answer 4

[Александр Борисович]

transition: all .2s linear;

Вешаете transition на ховер и не на ховер transition. Еще есть callback на убирание, но я его не использовал.

Answer 5

[Дмитрий Пыркин]

яваскриптом на нужное событие поставить изменение opacity