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

Аватар пользователя Антон Левусь
Антон Левусь
18 ноября 2022

Для того чтобы перевернуть текст в CSS существуют свойства: transform и transform-origin. C помощью этих мы задаем направление текста и угол поворота. Например, для того чтобы перевернуть текст на 180 градусов мы задаем следующие параметры:

<div class="wrapper">
  <div class="text-block">
    <h1>Hello World!</h1>
  </div>
</div>
.wrapper {
  width: 300px; 
  margin: 80px auto;
}

.text-block h1 {
  transform-origin: top left;
  transform: rotate(180deg);
}
0 0
Бесплатно
Основы HTML и CSS
Теория и практика с нуля
Перейти к курсу
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»