Как правильнее сделать блок-переворачивающуюся карточку?

Question

[Dymok]

Привет. В общем, пытаюсь сделать карточки, которые будут при клике/ховере переворачиваться. Нашел такой плагин как jquery.flip.js, он идеально подходит для задачи, но при его использовании неадекватно высчитывается высота карточки(вот codepen ) Может кто знает, как решить эту проблему либо другой способ решить такую задачу?.. Заранее пасиб за ответы.

Answer 1

[Андрей]

зачем там целая библиотека все на css делается на js только класс менять https://3dtransforms.desandro.com/card-flip

Comments

[Eugene Chefranov]

Ваш пример не корректно работает на IE

Answer 2

[Eugene Chefranov]

Использовал на своем проекте (блок Услуги) данный плагин. Вам надо задать высоту для .front и .back или для их детей

Comments

[Dymok]

Спасибо за ответ, но дело в том, что хотелось бы не задавать высоту фиксировано, а чтобы она ограничивалась контентом. Попытался с помощью jquery сделать вот так, вроде работает
https://codepen.io/UnluckySerivelha/pen/gzjeVP