移動を実現するためにtranslateパラメータを使用します translateX: X 軸に沿って移動します。右方向に移動するには正の数を入力し、左方向に移動するには負の数を入力します。 translateY : Y軸に沿って移動します。下方向に移動するには正の数を入力し、上方向に移動するには負の数を入力します。 translateZ: 値が大きいほど、表示される画像が近くなります。値が小さいほど、表示される画像が遠くなります。 translateはtranslateXとtranslateYを同時に設定します 翻訳(翻訳X、翻訳Y) 最初のパラメータは、X 軸に沿った移動です。右に移動するには正の数を入力し、左に移動するには負の数を入力します。2 番目のパラメータは、Y 軸に沿った移動です。下に移動するには正の数を入力し、上に移動するには負の数を入力します。 translate3dはtranslateX、translateY、translateZを同時に設定するため、3つのパラメータを入力できます。 変換: translate3d(0,-50%,-50px) 最初のパラメータは、X 軸に沿った移動です。右に移動するには正の数を入力し、左に移動するには負の数を入力します。2 番目のパラメータは、Y 軸に沿った移動です。下に移動するには正の数を入力し、上に移動するには負の数を入力します。3 番目のパラメータは、Z 軸に沿った移動です。値が大きいほど、表示される画像は近くなります。値が小さいほど、表示される画像は遠くなります。 CSS3 で翻訳効果 (transfrom: translate) を実現する例についての記事はこれで終わりです。CSS3 翻訳 transfrom: translate の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: Linux ファイアウォール設定の詳細な手順 (yum ウェアハウス設定に基づく)
>>: 無効にするとフォームの入力が送信できない問題の解決方法
目次概要1. 使用状態1.1 3つの概念に関する質問1.2 例1.3 注記2. リデューサーを使用す...
最も一般的で、最もよく使用され、最も一般的な方法は、submit タイプを使用することです。コードを...
1. データベースにログインするには、rootユーザーを使用することをお勧めします。 mysql -...
目次1. シナリオの説明: 2. 事例のデモンストレーション: 2.1. MySQLの障害発生前にデ...
方法1: onclickイベントを使用する <input type="button&...
目次1. 需要2. 効果3. すべてのコード1. 需要ユーザーが自分でテーブルを構成できるようになり...
nginxでサポートされている仮想ホストには3つの種類があります1. ドメイン名ベースの仮想ホスティ...
Hyper-V を展開するためのハードウェア要件は次のとおりです。 64 ビット プロセッサ、具体...
Linux オンラインインストール関連コマンド: yum install: すべてインストールyum...
以下は、CentOS 6 または CentOS 7 サーバーのディスク領域をクリアするための簡単なコ...
Linux ヘルプ ドキュメントでの echo の説明は、Python や Java などのプログラ...
DTD はマークアップの文法規則のセットです。これは XML 1.0 仕様の一部であり、HTML フ...
この記事は、Element公式サイトとQiniu Cloud公式サイトを使用しています。 eleme...
目次1. JDKをインストールする手動インストール2. トムキャット1. JDKをインストールする注...
MySQLはインストール時に設定できますが、それより低いバージョンは設定できないようで、インストール...