Как перевернуть текст в html

Question

Вячеслав Межуревский · Accepted Answer

Для трансформации HTML объектов в пространстве применяется CSS свойство transform. Данное свойство позволяет поворачивать, масштабировать, наклонять или сдвигать элементы. Для того, чтобы развернуть текст на 180 градусов, воспользуемся значением rotate.

Исходный HTML документ:

<h2> Привет! Меня перевернули!</h2>

CSS стили:

h2 {
  /* Поворачиваем текст */
  transform: rotate(180deg);
  /* Закрепим итоговый результат вверху слева */
  position: absolute;
  left: 20px;
  top: 20px;
}

Результат: rotate-text

Привет! Меня перевернули!

``` CSS стили: ```css h2 { /* Поворачиваем текст */ transform: rotate(180deg); /* Закрепим итоговый результат вверху слева */ position: absolute; left: 20px; top: 20px; } ``` Результат: ![rotate-text](https://i.ibb.co/Stf9SFq/rotate-text.png "rotate-text")

Как перевернуть текст в html

Ответы

Каталог