0

div を回転させたいときは、テキストも回転させたいのですが、アンチエイリアシングにはまだ問題があります。テキストがぼやけていて、修正できません。この効果は Firefox と Chrome で発生します。

この解決策を見つけましたが、うまくいきませんでした。

-webkit-backface-visibility: hidden;

html

<div id="rotate">
    <span>Hi, iam rotated blurry text </span> 

</div>

CSS 

#rotate{
margin-top:30px;
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
background:#292929;
font-size:30px;
color:green;
display:inline-block;
}

リンク: http://jsfiddle.net/P52Yu/6/

助けてください:)

4

1 に答える 1

0

Chrome では、変換が関係する場合、小数点以下の桁数が多い数値を扱うのが困難です。これらの数値に対して parseInt を実行して、小数点以下の桁数を下げてみてください。この簡単な修正でぼやけが解消されることがよくあります。

于 2015-09-14T19:32:50.980 に答える