CSS Transformări 3D. CSS Metode de transformare 3D: rotateX(), rotateY(), rotateZ(). Metoda rotateX(). Metoda rotateY(). Metoda rotateZ().

CSS Metode de transformare 3D

Cu proprietatea de transformare CSS puteți utiliza următoarele metode de transformare 3D:
 

• rotateX()
• rotateY()
• rotateZ()

Metoda rotateX()



Metoda rotateX() roteste un element in jurul axei X la un anumit grad:

Exemplu:

#myDiv {
  transform: rotateX(150deg);
}

Metoda rotateY()



Metoda rotateY() roteste un element in jurul axei sale Y la un anumit grad:

Exemplu:

#myDiv {
  transform: rotateY(130deg);
}

Metoda rotateZ()

Metoda rotateZ() roteste un element in jurul axei Z la un anumit grad:

Exemplu:

#myDiv {
  transform: rotateZ(90deg);
}