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

Question

[mmmq]

При наведение на блок, срабатывает анимация для описания задачи. Как сделать похожую анимацию с определенной границей, откуда выезжает текст? Пример анимации на этом сайте.

Answer 1

[Ольга Свистунова]

На сайте, который вы указали, используется transform: translateY и анимация через transition, почему бы не сделать аналогично?
По умолчанию translateY(100%), при наведении преобразовывается в translateY(0) - вот и вся нехитрая анимация

Comments

[mmmq]

https://jsfiddle.net/xhoLgdjp/

Вы правы, вопрос открыт с выезжанимае "от границы". В моем варианте текст накладывается.

[mmmq]

https://jsfiddle.net/xhoLgdjp/1/

получилось, спасибо!

Answer 2

[Eduard07]

Можно простым css сделать такое)))
ты новодишь на весь блок, все дочерние изменяй)

Comments

[mmmq]

понимаю что при изменение на блок мы заводим анимацию. Вопрос именно как сделать эффект выезжания текста от границы