lightalex
@lightalex

Как сделать fadeIn/fadeOut с помощью css3?

Всем привет!
Есть блок для которого задано:
display: none; 
opacity: 0;
Вопрос, как сделать через css, чтобы при hover этот блок плавно появлялся, а при blur (то есть при выведении мышки с блока) плавно исчезал?
Возможно это можно как-то реализовать через animation?
Но увы так и не смог сам сделать это(
  • Вопрос задан
  • 6575 просмотров
Решения вопроса 2
@denidip
Решение через visibility: hidden; https://jsfiddle.net/jmzpvm2e/4/
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
webset
@webset
Frontend developer
Убрать display: none
Добавить transition: opacity 0.5s linear
На hover задать opacity: 1
Ответ написан
paradokso
@paradokso
Начинающий фронт-эндер
попробуйте вместо дисплея, уменьшить высоту элемента до 0. Конечно это уже будет slide-down/up эффект.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы