[css3]css3のtransformの遷移のジッターの問題を解決しました。
2022-02-03 12:20:34
transform: scale(); IEで拡大縮小するとジッターが発生する。
transformはIEでジッターになるようにスケーリングします。スケーリングに回転を追加することができます
例えば
transform: scale(1.2);
に置き換えてください。
transform: scale(1.2) rotate(0.1deg);
transform:translate(); オフセットで画像やテキストをぼかします。
トランスフォームのオフセットは、画像やテキストがフレームから外れてぼやけますが、これは clac
例えば
transform:translate(-50%);
に置き換えてください。
transform: translate(calc(-50% + 1px));
clacは、スタイル内の計算に使用できるcss3の計算プロパティです。clacの構文: clac(number + number)
Note: the spaces at the ends of the "operator" must be left intact
transformは互換性があり、IEはIE9のみ互換性があり、以下のように記述されます。
transform:scale(1.2) rotate(0.1deg);
-ms-transform:scale(1.2) rotate(0.1deg); /* IE 9 */
-moz-transform:scale(1.2) rotate(0.1deg); /* Firefox */
-webkit-transform:scale(1.2) rotate(0.1deg); /* Safari and Chrome */
-o-transform:scale(1.2) rotate(0.1deg); /* Opera */
css3 transform transition jitterの問題解決について、この記事を紹介し、より関連するcss3 transform transition jitterの内容は、スクリプトハウス過去の記事を検索してくださいまたは、次の関連記事を閲覧し続け、あなたが将来よりスクリプトハウスをサポートして願っています!。
関連
-
[CSSチュートリアル】 css border add four corners コード
-
[CSSレイアウト例】float(フロート)、position(ポジション)プロパティの差分によるCSSレイアウト
-
[CSSチュートリアル】CSSのシングルDivの描画スキル
-
[CSSチュートリアル】CSSの新機能には、ページの再描画や並び替えの問題をコントロールする機能が含まれています。
-
[CSSチュートリアル】タイトルを上部に配置するスティッキーレイアウトを実現するためのCSS
-
[CSSチュートリアル]CSS気まぐれボーダーアニメーション効果
-
[CSSチュートリアル】擬似要素で実現する中空三角矢印とXアイコンの例
-
[CSSチュートリアル]CSSのボーダーの半分または部分的に見えるコードは、ボーダーを達成するために
-
[CSSチュートリアル]cssに0.5pxの行を実装してモバイル互換の問題を解決する(推奨)
-
[CSSチュートリアル】CSSを使ってボックスの水平・垂直方向の中央寄せを実現(全8種)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】純粋なCSSでWebページの内容をコピーできないようにする方法
-
[CSSチュートリアル】CSSのクラスとidの共通命名規則
-
[CSSチュートリアル】波動効果を生み出すCSSのアイデア
-
[CSSチュートリアル】position:stickyでトップ吸い上げアプレット問題を完璧に解決
-
[css3]css3は、背景画像の色を変更するためのさまざまな方法を実現するために
-
[css3]スクロールバー美化効果を実現するcss3サンプルコード
-
[CSSチュートリアル】カラフルで知的なシャドウ効果を実現するCSS
-
[css3]CSS3は本当にSCSSに取って代わるのだろうか?
-
[CSSチュートリアル]スクロールバーを非表示にし、サンプルコードの内容をスクロールすることができますするCSS
-
左上または右上にリマインダーのドットを表示するCSS3サンプルコード[CSSチュートリアル