Этот вопрос задавался много раз здесь, но я не нашел хорошего решения проблемы. Некоторые предложили добавить обратную видимость: скрытый со всеми склонениями префиксов, но не решил проблему для меня или предложение использовать сглаживание шрифтов: сглаженный сделал он трюк. Я прошу, если кто-то недавно выяснил, как сделать CSS-поворотным текстом красиво, без текста, кажется, искалечен.Проблемы с преобразованием текста CSS
<div>
<p class="rotated">this text is rotated</p>
<p class="notrotated">this text is not rotated</p>
</div>
<input type="submit" id="submit1" class="rotated"/><br/>
<input type="submit" id="submit2" class="notrotated"/>
.rotated {
transform:rotate(-4deg);
-moz-transform:rotate(-4deg);
-webkit-transform:rotate(-4deg);
-o-transform:rotate(-4deg);
-ms-transform:rotate(-4deg);
}
Большое спасибо за вашу помощь.
Я считаю, что это зависит от милосердия браузера (и, возможно, аппаратного обеспечения) ... для меня Opera Presto, похоже, работает лучше, чем Chrome/Firefox (на этой машине нижнего уровня я использую). Кроме того, я думаю, что было бы лучше поставить не префиксную версию в конце, а не в начале. – Passerby
Благодарим вас за ответ. Я попытался поместить версию без префикса в конце, но результат будет таким же: -/ Машина FYI работает на x64Win7, i7, 4 Гб ОЗУ, ATIm HD5800 – Emanuele
Точка старта последней версии префикса - это то, что правила CSS анализируются сверху донизу, поэтому для браузера, который поддерживает не префиксные и префиксные версии, ставя не префиксную версию в конце, будет гарантировать, что [последний метод рендеринга (т. е. не «метод обратной совместимости», если таковой существует)] (http://css-tricks.com/ordering-css3-properties/). И для вашего вопроса, я хочу сказать, что Chrome и Firefox делают WAY хуже, чем ваш скриншот на моем старом компьютере XP ... – Passerby