Как повернуть текст на 90 градусов css

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

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

<div class="wrapper">
  <div class="text-block">
    <h1>Hello World!</h1>
  </div>
</div>

.wrapper {
  width: 300px; 
  margin: 80px;
}

.text-block h1 {
  transform-origin: top left;
  transform: rotate(90deg);
}

3 года назад

Антон Левусь

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

Анимация CSS

Навык создания анимаций в CSS для улучшения пользовательского опыта и повышения востребованности на рынке

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

Похожие вопросы