Как сделать текст наклонный css?

Пользователь

от kaleigh , в категории: HTML/CSS , 3 года назад

Как сделать текст наклонный css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от bret_buckridge , 3 года назад

@kaleigh  Сделать текст наклонный в CSS можно через свойство font-style со значением italic :


HTML:

1
2
3
<body>
    <p>Текст с наклоном</p>
  </body>


CSS:

1
2
3
p{
   font-style: italic;
}


Пользователь

от nelle , 2 года назад

@kaleigh 

Для создания наклонного текста в CSS можно использовать свойство transform: skew().


Например, чтобы наклонить текст на 20 градусов влево, вы можете использовать следующий CSS-код:

1
2
3
.element {
  transform: skew(-20deg);
}


А чтобы наклонить текст на 20 градусов вправо, знак угла должен быть положительным:

1
2
3
.element {
  transform: skew(20deg);
}


Обратите внимание, что это свойство наклоняет всю область элемента, поэтому если вы хотите наклонить только текст внутри элемента, вам может потребоваться добавить дополнительные стили для выравнивания текста.