次の属性は、ブラウザの互換性に適していません。
1.トランスフォーム:回転(45DEG)
2. border-top-left-radiusこのプロパティを使用すると、丸い境界線を要素に追加できます
3.ボーダーラジウスこのプロパティを使用すると、丸い境界線を要素に追加できます
4.ボックスシャドウのプロパティは、ボックスに1つ以上の影を追加します
5.テキストシャドウプロパティはテキストに影を設定します
6.移植
各ブラウザとの互換性を高めるためには、プレフィックスが必要です。
-o- /*オペラブラウザ* /
-webkit- /*webkitカーネルブラウザサファリとクロム* /
-ms- /*ie 9* /
-moz- /*firefoxブラウザ* /
1.トランスフォーム:回転(45DEG)オブジェクトは変換プロパティを介して回転し、ここで(45Deg)は回転角です変換:回転(45DEG);
-ms-transform:rotate(45deg); /*ie 9*/
-o-transform:Rotate(45deg); /*オペラブラウザ*/
-webkit-transform:回転(45deg); /*webkitカーネルブラウザサファリとクロム*/
-moz-transform:Rotate(45Deg); /*firefoxブラウザ*/
2.ボーダートップラジウスボーダーラジウスこのプロパティを使用すると、丸みを帯びた境界線を要素に追加できます前者は、丸い境界線が追加される位置を選択できます
ボーダートップ左翼、ボーダートップライトラジウス、国境圏の左左地、国境圏の右と、国境帯域右radius
Border-Top-Reft-radiusこのプロパティでは、丸い境界線を追加する必要がある場所を制御するために、国境と帯域のように、要素に丸い境界線を追加できます。
3. Box-Shadowプロパティはボックスに1つ以上の影を追加し、テキスト-Shadowプロパティはテキストに影を設定しますBox-Shadow:H-Shadow || v-shadow ||ぼかし||スプレッド||色||挿入図;
プロパティ:水平シャドウの位置||垂直の影の位置||ぼやけ距離||影のサイズ||影の色||外側の影(最初)を内側の影に変更します
Box-Shadow:1PX 1PX 3PX#292929;
Text-Shadow:H-Shadow || v-shadow ||ぼかし||色;
テキストシャドウ:0px -1px 0px#000;
4.移行プロパティ||期間||タイミング機能||遅れ
遷移効果を設定するCSS属性の名前を指定||遷移効果を完了するのに必要な秒またはミリ秒を指定||速度効果||の速度曲線を指定します遷移効果がいつ開始されるかを定義します
現在、すべてのブラウザは遷移属性をサポートしていません。
デフォルトを容易にします。アニメーションは低速で始まり、その後スピードアップし、終了する前に減速します。
容易なアニメーションは低速で始まります。
容易なアニメーションは低速で終了します
容易なアニメーションは、低速で開始および終了します
遷移:背景5Sの容易さ。
1つ:
コードをコピーします