css3 3D 回転がギザギザに見える_html/css_WEB-ITnose

CSS3 3D

CSS3 エフェクトを作成するときに
全体的なたわみの問題に遭遇しました
とても簡単だと思っていました
作ってみると問題が発生しました

#contant
{
width:1000px
height:768px; :0 自動;
パースペクティブ:1000px;
ヘッダー
幅:60px;
背景色:#666;
transform:rotateY(3deg);
}

このように
偏向した後、境界線がギザギザに見えました、
3D偏向が必要ですが、それを解決する方法はありますか


ディスカッションに返信（解決策）

.css3{width:800px;height:60px;border:1px solid #f00;background-color:#666;transform:rotate(3deg);-ms-transform:rotate(3deg); /* Internet Explorer */-moz-transform:rotate(3deg); /* Firefox */-webkit-transform:rotate(3deg); /* Safari 和 Chrome */-o-transform:rotate(3deg); /* Opera */}

1. 単一の属性で CSS を書くのは互換性がありません。
2. [3deg] アニメーションをある程度分割すると、自然にギザギザが発生します。 2. [3deg] アニメーションをある程度分割すると、自然にジャギーが発生します ははは、解決しました、ブラウザの互換性の問題はわかっています
今は実験段階ですが、その頃にはいっぱいになるでしょう

解決済み 背景に写真を使用し、ボーダーを追加する方法です: 1px ソリッド変換...透明属性。 。