CSS3 3D Mentransformasi
CSS3 memungkinkan Anda untuk memformat elemen Anda menggunakan transformasi 3D.
CSS3 3D Mentransformasi
Dalam bab ini Anda akan belajar tentang metode transformasi 3D berikut:
- rotateX ()
- rotateY ()
- rotateZ ()
RotateX () Metode
RotateX () metode berputar elemen sekitar sumbu X :
div {
width: 300px;
height: 300px;
background-color: red;
-ms-transform: rotateX(150deg);
-webkit-transform: rotateX(150deg);
transform: rotateX(150deg);
}
RotateY () Metode
RotateY () metode berputar elemen sekitar sumbu Y:
div {
width: 300px;
height: 300px;
background-color: red;
-ms-transform: rotateY(130deg);
-webkit-transform: rotateY(130deg);
transform: rotateY(130deg);
}
RotateZ () Metode
The rotateZ () metode berputar elemen sekitar yang Z-sumbu pada tingkat tertentu:
div {
width: 300px;
height: 300px;
background-color: red;
-ms-transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
0 komentar:
Posting Komentar