Das Attribut, das in CSS3 einen Rotationseffekt erzielt, ist „transformieren“. Das Transformationsattribut wird verwendet, um eine 2D- oder 3D-Transformation auf ein Element anzuwenden. Eine Drehung kann erreicht werden, wenn es mit den Funktionen „rotate()“, „rotate3d()“, „rotateX()“, „rotateY()“ oder „rotateZ()“ verwendet wird.

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

Das Attribut, das in CSS3 einen Rotationseffekt erzielt, ist „transformieren“. Das Attribut

transform wird verwendet, um eine 2D- oder 3D-Transformation auf ein Element anzuwenden. Wenn dieses Attribut zusammen mit der folgenden Funktion verwendet wird, kann die Elementrotation erreicht werden:

• rotate(angle) Definieren Sie die 2D-Rotation und geben Sie an Winkel in den Parametern.

• 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.

Beispiel 1:

     
  
Hello
  

Beispiel 2:

     
  
CSS3 元素旋转
  
 
 
 
 
rotate(45deg) 
 
 
 
 
 
 
rotateX(45deg)
 
 
 
 
 
 
rotateY(45deg)
 
 
 
 
 
 
rotateZ(45deg) 
 
  

(Lernvideo-Sharing:CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWelche Attribute werden verwendet, um Rotationseffekte in CSS3 zu erzielen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!