Как правильно реализовать такой эффект блока при наведении мыши?

Question

[RushV]

Здравствуйте!
Как правильно реализовать такой эффект при наведении мыши через css или js?
Вот этот блок

Ссылка на сайт

Использую boostrap 4

Answer 1

[Евгений]

Посмотреть как там реализовано и реализовать

Answer 2

[approximate solution]

Можно сделать с помощью css анимации.
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
На сайте который вы скинули сделано с помощью js.

function() {
  e.find(".mkd-interactive-icon-title").css("-webkit-transform", "translateY(" + parseInt(h) + "px)"), e.find(".mkd-interactive-icon-title").css("transform", "translateY(" + parseInt(h) + "px)")
}