Как перевернуть изображение и оставить перевернутой стороной - PullRequest
Новая
       75

Как перевернуть изображение и оставить перевернутой стороной

1 голос
/ 06 августа 2020

Я хочу повернуть изображение на 180 градусов и оставить обратную сторону. Я пробовал различные css, но изображение возвращается на исходную сторону, когда я нахожусь в другом месте.

Я публикую здесь один из проверенных кодов

CSS: 

.card {
    width: 130px;
    height: 195px;
    background: url("images/card-back.jpg") no-repeat;
    margin: 50px;
}

.card:hover {
    background: url("images/card-front.jpg") no-repeat;
}

HTML: 

<body>
    <div class="card"></div>
</body>

1 Ответ

0 голосов
/ 06 августа 2020

хотел этот результат? 

$(".card").mouseover(function(){
  $(this).css('transform', 'rotate(180deg)');
})
.card {
            width: 130px;
            height: 195px;
            background: url("https://sun9-32.userapi.com/impf/c824201/v824201969/173424/ayWCFmi538s.jpg?size=200x0&quality=90&sign=b461a01af900c4374512c2b13455c25d&ava=1") no-repeat;
            margin: 50px;
            transition: 1s;
        }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
    <div class="card"></div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...