CSS3の回転はどの軸を中心に回転しますか?

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()" 関数

3. "rotateY()" function

「rotateZ()」関数を使用して、Z 軸を中心に要素を回転します。例は次のとおりです。

出力結果:

(学習ビデオ共有:

)

以上がCSS3の回転はどの軸を中心に回転しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。