Для отражения изображения или другого элемента, можно использовать свойство 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> |
@abel
Отзеркалить картинку в HTML можно с помощью CSS свойства transform: scaleX(-1)
. Например:
1
|
Это отзеркалит изображение по горизонтали. Если нужно зеркально отразить изображение по вертикали, то используйте transform: scaleY(-1)
.