CSS3 変換遷移ジッター問題の解決

CSS3 変換遷移ジッター問題の解決

transform: scale(); スケーリングするとIEブラウザでジッターが発生します

変換スケーリングにより、IE ブラウザでジッターが発生します。スケーリング中に回転を追加できます。

のように:

変換: スケール(1.2);

次と置き換えます:

変換: スケール(1.2) 回転(0.1度);

transform:translate(); オフセットにより画像やテキストがぼやけます

変換オフセットにより、画像やテキストのフレームが失われ、ぼやけることもあります。この問題を解決するには、clac を使用できます。

のように:

変換: 翻訳(-50%);

次と置き換えます:

変換: translate(calc(-50% + 1px));

clac は CSS3 の計算プロパティで、スタイル内の計算に使用できます。clac の構文は、clac(number + number) です。注:這里“運算符號”兩端的空格不能少

Transform には互換性があります。IE ブラウザは IE 9 のみと互換性があります。互換性のある書き込み方法は次のとおりです。

変換:スケール(1.2)回転(0.1度);
-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 と Chrome */ 
-o-transform:scale(1.2)rotate(0.1deg); /* オペラ */

CSS3 トランスフォーム トランジション ジッター問題を解決する方法についての記事はこれで終わりです。CSS3 トランスフォーム トランジション ジッターの詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<:  CSS スタイルの優先順位はどれくらい複雑ですか?

>>:  MySQL学習データベース検索文DQL小百章

推薦する

MySQL エラー番号 1129 の解決方法

SQLyog が MySQL に接続する際にエラー番号 1129 が発生します: mysql エラー...

bash のスクリプトデバッグメカニズムの詳細な説明

スクリプトをデバッグモードで実行するbash -x <script> を使用すると、スク...

Spring Boot + jar パッケージングのデプロイメント Tomcat 404 エラーの問題を解決する

1. Spring Boot は jsp jar パッケージをサポートしていません。jsp は wa...

WeChatアプレットがスネークゲームを実装

この記事では、参考までに、スネークゲームを実装するためのWeChatアプレットの具体的なコードを紹介...

Mysql で期間の交差をクエリする方法

MySQLクエリ期間の交差使用シナリオデータベース テーブルには、starttime と endti...

CSSカウンター関連属性の学習の詳細な説明

CSS カウンター属性はほぼすべてのブラウザ (IE8 を含む) でサポートされていますが、あまり使...

Dockerコンテナのネットワークポート設定プロセスの詳細な説明

ネットワークポートの公開実際、Docker にはネットワーク ポートの公開に関わる 2 つのパラメー...

MySQL における distinct と group by の違い

簡単に言うと、distinct は重複を削除するために使用され、group by は統計を集計するよ...

KVM 仮想化のインストール、展開、管理のチュートリアル

目次1.kvmの展開1.1 kvmのインストール1.2 kvm Web管理インターフェースのインスト...

CSS3 で作成した本のページめくり効果

結果:実装コード: html <!-- よろしければハートを付けてください! --> &...

CentOs システムで Python と yum をアンインストールするソリューション

事故の背景: 数日前、プロジェクトの必要性により、サーバーに python-mysql モジュールを...

mysql の find_in_set 関数の基本的な使い方

序文これは私が最近見つけた新しい機能です。プロジェクトでの私の使用シナリオは次のとおりです。アプリケ...

HTMLのリストタグを数える

1. <dl>はリストを定義し、<dt>はリスト内の項目を定義し、<d...

3つの主要データベース(Mysql、SqlServer、Oracle)の違いについて簡単に説明します。

マイグレーションアドバンテージ:小型、高速、総所有コストが低い、オープンソース。複数のオペレーティン...

Linux で tcpdump コマンドを使用してデータ パケットをキャプチャおよび分析する方法の詳細な説明

序文tcpdump はよく知られたコマンドライン パケット分析ツールです。 tcpdump コマンド...