перевернуть текст с использованием CSS Transformations

В CSS вы можете манипулировать текстом и другими элементами, используя преобразования. Одним из распространенных трансформаций является зеркальное зеркальное оборудование, также известное как переворот. Этот эффект может быть достигнут с использованием простого свойства CSS.

для переворачивания текстового горизонтального (зеркала его по вертикальной оси), используйте следующее свойство CSS:

-moz-transform: Scale (-1, 1);
-webkit-transform: scale (-1, 1);
-o-transform: scale (-1, 1);
-ms-transform: scale ( -1, 1);
Transform: Scale (-1, 1);

] это свойство масштабирует элемент горизонтально по -1, эффективно переворачивая его вдоль вертикальной оси.

] Аналогично, чтобы перевернуть текст вертикально (зеркал его по горизонтальной оси), используйте это свойство:

-moz-transform: scale (1, -1);
]-webkit-transform : Scale (1, -1);
-O-Transform: Scale (1, -1);
-MS-Transform: Scale (1, -1);
Transform: Scale (1, -1). ]
рассмотрим следующий html -код, который отображает какой -то текст и ножничный символ:

демонстрационный текст ✂

span {display: inline -блокировать; поля: 1ем; }
. flip_h {transform: scale (-1, 1); Цвет: красный; }

Это будет отражать символы ножниц вдоль их соответствующих оси, создавая нужные левые ножницы.