Как отразить изображение?

Как отразить изображение?

На этом уроке мы научимся отражать изображение по горизонтали или вертикали.

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

Первый вариант:transform: scale(-1, 1) — отражение по горизонтали;

Второй вариант:transform: scale(1, -1) — отражение по вертикали;

Третий вариант:transform: scale(-1, -1) — одновременное отражение по горизонтали и вертикали.

Есть также отдельные функции scaleX() и scaleY(), они отвечают за масштабирование по соответствующим координатам.