Как отменить разворот картинки после отведения курсора (card-flip)?

Question

[atumbochka]

https://www.w3schools.com/howto/tryit.asp?filename... - я использу следующий код, я навожу курсором на картинку, и она разворачивается, но после отведения, она приходит в изначальное положение. Как это убрать?

Пример того, чего я хочу добиться - https://codepen.io/mimikos/pen/JyYoEe
В примере картинка возвращается обратно только после повторного наведения.

Answer 1

[Alex_mos]

ну в примере что вы скинули используют JavaScript, а у вас я этого не заметил.
Вы просто повесили ховер эфект
transform: rotateY(180deg);
и все