css3 には回転のさまざまな状況があります: 1. "rotateX()" 関数によって実現される回転は X 軸の周りです; 2. "rotateY()" 関数によって実現される回転は X 軸の周りです。 Y軸; 3.「rotateZ」()」関数はZ軸周りの回転を実現します; 4.「rotate()」関数は原点周りの回転を実現します。
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css3 の回転はどの軸を中心にしますか
CSS では、回転は時計回り、反時計回り、または X、Y、Z 軸を中心とした回転にすることができます。異なる回転スタイルは異なる機能に対応します。
1.「rotate()」関数
「rotate()」関数を使用して、要素を時計回りまたは反時計回りに回転します。
例は次のとおりです:
Hello World
出力結果:
##2. "rotateX()" 関数
X 軸を中心に要素を回転するには、「rotateX()」関数を使用します。例は次のとおりです:3. "rotateY()" function
「rotateY()」関数を使用すると、要素をY軸を中心に回転させることができます。例は次のとおりです。「rotateZ()」関数を使用して、Z 軸を中心に要素を回転します。例は次のとおりです。
出力結果:
(学習ビデオ共有:
以上がCSS3の回転はどの軸を中心に回転しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。