CSS Transformări 3D. CSS Metode de transformare 3D: rotateX(), rotateY(), rotateZ(). Metoda rotateX(). Metoda rotateY(). Metoda rotateZ().
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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);
}