Как сделать анимацию текста при наведении на блок?

Question

[Epic_failure]

Есть блок с картинкой, при наведении на который должен появляться текст с анимацией и бэкграундом.

При подключении Animate.css текст анимируется , если навести мышкой непосредственно на сам текст, а нужно, что бы бы текст появлялся с анимацией при наведении мышкой на сам блок

Как это реализовать посредством jquery?
Есть ли какой то другой вариант анимации без использования animated.css?

Хороший пример у ребят в разделе портфолио: https://magora-systems.ru/

Answer 1

[Конан Варвар]

И отметь это как решение.
https://jsfiddle.net/z2qL7hu1/

https://jsfiddle.net/yoh3ypat/

Comments

[Андрей]

Не работает в safari.

[Конан Варвар]

Андрей: Допишите вендорные префиксы. Должно помочь.

[Epic_failure]

Андрей: странно, у меня в сафари всё функционирует

[Конан Варвар]

Epic_failure: Возможно у вас где-то стоит autoprefix, он автоматически добавляет префиксы, где это необходимо.

Answer 2

[Adikjoro]

Без и с Animate&Jquery

Answer 3

[Astrohas]

Типа так?
https://jsfiddle.net/98e1f162/

Comments

[Epic_failure]

не совсем.

грубо говоря, нужно, что бы текст появлялся с анимацией, вот тут полно примеров: https://daneden.github.io/animate.css/

но я не понимаю как это реализовать

[simka alien]

Epic_failure: у меня в личке есть май email пиши на почту , у меня время есть - попробую научить чему не будь