Как отзеркалить картинку в HTML?

Пользователь

от abel , в категории: HTML/CSS , 3 года назад

Как отзеркалить картинку в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от alfonso.heidenreich , 3 года назад

Для отражения изображения или другого элемента, можно использовать свойство transform и функция scale() :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<head>
<style>
        .scale {
            transform: scale(-1, 1);
        }
    </style>
</head>
<body>
    <img src="./image/11.jpeg">
    <img src="./image/11.jpeg" class="scale">
</body>

Пользователь

от kyleigh_runte , год назад

@abel 

Отзеркалить картинку в HTML можно с помощью CSS свойства transform: scaleX(-1). Например:

1


Это отзеркалит изображение по горизонтали. Если нужно зеркально отразить изображение по вертикали, то используйте transform: scaleY(-1).