Heim >Web-Frontend >CSS-Tutorial >So drehen Sie CSS

So drehen Sie CSS

青灯夜游
青灯夜游Original
2021-07-23 11:26:0048633Durchsuche

In CSS können Sie das Transformationsattribut verwenden, um Elemente zu drehen. Wenn der Wert auf „rotate (angle)“ eingestellt ist, kann eine 2D-Rotation erreicht werden, wenn der Wert „rotateX (angle)“ ist die X-Achse und „rotateY (Winkel)“ Es kann entlang der Y-Achse gedreht werden, und „rotateZ(angle)“ kann entlang der Z-Achse gedreht werden.

So drehen Sie CSS

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

Transform-Eigenschaft wendet eine 2D- oder 3D-Transformation auf ein Element an. Mit dieser Eigenschaft können Sie das Element drehen, skalieren, verschieben, neigen usw. Das Attribut

Transform verfügt über 5 Attributwerte zum Festlegen der Übersetzung:

  • rotate(angle) definiert die 2D-Rotation und gibt den Winkel in den Parametern an.

  • rotate3d(x,y,z,angle) definiert die 3D-Rotation.

  • rotateX(angle) Definiert eine 3D-Rotation entlang der X-Achse.

  • rotateY(angle) Definiert die 3D-Rotation entlang der Y-Achse.

  • rotateZ(angle) Definiert die 3D-Rotation entlang der Z-Achse.

    ?
  • CS-Video-Tutorial
)

Das obige ist der detaillierte Inhalt vonSo drehen Sie CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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