Для поворота текста в CSS можно использовать свойство transform
. Следуйте этим простым шагам:
- Создайте HTML-разметку с текстом, который вы хотите повернуть. Например, возьмем
<h1>
заголовок:
<h1>Некоторый текст</h1>
- В CSS добавьте свойство
transform
, чтобы повернуть текст. Например, примените поворот на 45 градусов:
h1 {
transform: rotate(45deg);
}
- Теперь ваш текст должен быть повернут на 45 градусов относительно исходной позиции.
- Если вы хотите повернуть текст не относительно его центра, а относительно другой точки, вы можете использовать свойство
transform-origin
. Например:
h1 {
transform: rotate(45deg);
transform-origin: top left;
}
Это повернет текст относительно левого верхнего угла элемента.
Надеюсь, это поможет вам повернуть текст в CSS.