@vasilseodor

Как сделать анимированный плавный hover?

Есть блок. и есть ховер его при наведении. Как сделать так, чтобы ховер появлялся не сразу при наведении а плавно. Или возможно ли так: чтобы выезжало блок ховерный.
Пробовал добавлять транслитион, но не работает почему-то...
Сама код и картинки
  • Вопрос задан
  • 2795 просмотров
Решения вопроса 3
С помощью CSS-transitions:
https://jsfiddle.net/AlexFadeev/hfbtwyqo/

Его просто нужно уметь готовить: https://css-tricks.com/almanac/properties/t/transition/
www.w3schools.com/css/css3_transitions.asp

И да, пример у вас ужасный. Даже не стал с ним заморачиваться. Если что-то не получается, надо упрощать задачу, исключая максимально лишний мусор.
Ответ написан
Комментировать
Fedwar
@Fedwar
Играй с opacity в данном случае
jsfiddle.net/zxhh0h8b/4
Ответ написан
https://jsfiddle.net/e22zpu14/
Ну и конечно же префиксы нужно будет впилить.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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