So legen Sie die Richtung der 3D-Rotation in CSS3 fest

WBOY
Freigeben: 2022-03-25 15:58:33
Original
2682 Leute haben es durchsucht

Methode: 1. Verwenden Sie den Stil „transformieren: rotierenX(Winkel);“ um das Element in 3D zu drehen. 2. Verwenden Sie den Stil „transformieren: drehenY(Winkel);“ um 3D entlang der Y-Achsenrichtung zu drehen. 3. Verwenden Sie die Methode „rotate3d()“, um das Element so einzustellen, dass es 3D in eine beliebige Richtung dreht.

So legen Sie die Richtung der 3D-Rotation in CSS3 fest

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

So legen Sie die Richtung der 3D-Rotation in CSS3 fest

1. Drehen Sie rotieren rotierenY

transform: rotateX(360deg);
Nach dem Login kopieren

3. Drehen Sie entlang der Z-Achse rotierenZ

transform: rotateY(360deg);
Nach dem Login kopieren

und die 2D-Rotation ist fast gleich

Viertens können Sie auch die Rotationsachse anpassen

transform: rotateZ(360deg);
Nach dem Login kopieren

(Lernen Video-Sharing:

CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo legen Sie die Richtung der 3D-Rotation in CSS3 fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!