Heim >Web-Frontend >CSS-Tutorial >So drehen Sie CSS
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.
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.
?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!