css3のtransform: rotateでジャギーがすごい

chromeでcss3のtransform: rotateを使うと、ジャギーが凄いんです。

  1. -moz-transform: rotate(2deg);
  2. -webkit-transform: rotate(2deg);
  3. -o-transform: rotate(2deg);
  4. -ms-transform: rotate(2deg);
  5. transform: rotate(2deg);
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);

境界線のジャギーが凄い。

背景色と同じborder :1pxを入れるとちょっと緩和するけど、この手はあんまり使いたくないなぁ…。

  1. border: 1px solid #666;
  2. -moz-transform: rotate(2deg);
  3. -webkit-transform: rotate(2deg);
  4. -o-transform: rotate(2deg);
  5. -ms-transform: rotate(2deg);
  6. transform: rotate(2deg);
border: 1px solid #666;
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);

境界線のジャギーが凄い。
Posted on

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です