Tampilan 3D Perspektif pada gambar dengan CSS3

Ternyata membuat 3D itu tidak hanya bisa dilakukan dengan software 3D saja seperti Maya, Blender, ataupun 3DMax. Wow ! Dengan CSS3 ternyata kita dapat merubah gambar ke dalam tampilan 3D perspektif. Mau tau bagaimana cara membuatnya? Yuk kita ikutin langkah-langkahnya sekarang.

Pertama siapkan gambar yang akan dibuat 3D. Kali ini saya menggunakan gambar berikut:

Kemudian saya buat dokumen HTML dan CSSnya seperti berikut:

Jika saya open file HTMLnya di browser, maka hasilnya akan seperti berikut ini: