0

При наведении на картинку у меня срабатывает анимация, но я не могу сделать так, чтобы такой же анимацией она возвращалась обратно. Так же она просто РЕЗКО возвращается в исходное положение. Пробовал через ::after ::before, что-то такое, видимо не понимаю...

.playblock_text img:hover{
  transform: rotateX(4.32deg) rotateY(-7.98deg) rotate(7deg);
  transition-duration: 2s;
}
<div class="playblock_text">
  <img src="https://store-images.s-microsoft.com/image/apps.47867.13879366447690213.ff0dcdf1-af01-4af7-b105-db57cef9cb67.771cf851-92c5-4d8a-9314-5cfc91541202?mode=scale&q=90&h=200&w=200&background=%230078D7" alt="" style="height: 300px;">
  </div>

1 ответ 1

3

.playblock_text img {
   transition: transform ease 2s;
}
.playblock_text img:hover{
   transform: rotateX(4.32deg) rotateY(-7.98deg) rotate(7deg);
}
<div class="playblock_text">
  <img src="https://store-images.s-microsoft.com/image/apps.47867.13879366447690213.ff0dcdf1-af01-4af7-b105-db57cef9cb67.771cf851-92c5-4d8a-9314-5cfc91541202?mode=scale&q=90&h=200&w=200&background=%230078D7" alt="" style="height: 300px;">
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.