#css
#css
Вопрос:
Мне было любопытно, можете ли вы повлиять на курсивный текст с большим уклоном с помощью CSS? Если да, то как это можно сделать?
Комментарии:
1. возможно, с помощью css3 scew, но в остальном он основан на реализации браузера.
Ответ №1:
Вы можете имитировать пользовательский наклон с помощью преобразований CSS3 (хотя это будет выглядеть не так здорово, как настоящий курсивный шрифт).
Вот пример:
HTML:
<p class="slant">Some text</p>
CSS
.slant {
-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
}
Комментарии:
1. Я ценю ваше упоминание о том, что это не сделает шрифт таким же хорошим, как обычный курсив. Также хорошее решение.
Ответ №2:
Вы также можете использовать
font-style: oblique 50deg;
(вы можете изменить 50 на тот угол, который вы хотите)
Ответ №3:
С помощью standard font-style в CSS невозможно настроить italic состояние.
Это зависит от собственных предпочтений браузера и состояния курсива шрифтов.
Комментарии:
1. «Чисто» для браузера? Это не имеет ничего общего с самим шрифтом?