Tutorial CSS3

CSS3 3D Transform

Salah satu kemampuan CSS3 ialah dapat membuat efek 3d pada objek tertentu. Efek 3d ini dibuat menggunakan property 3d transform.

Metode Rotate-X

Metode rotateX digunakan untuk membuat elemen berputar di sumbu X pada tingkat tertentu.

Contoh

div
{
transform: rotateX(120deg);
-webkit-transform: rotateX(120deg); /* Safari dan Chrome */
-moz-transform: rotateX(120deg); /* Firefox */
}

Coba »

Metode Rotate-Y

Metode rotateY digunakan untuk membuat elemen berputar di sumbu Y pada tingkat tertentu.

Contoh

div
{
transform: rotateY(130deg);
-webkit-transform: rotateY(130deg); /* Safari dan Chrome */
-moz-transform: rotateY(130deg); /* Firefox */
}

Coba »