Membuat Efek 3D dengan CSS Transform

Hallo teman-teman apa kabar, tetap semangat ya., hari ini saya akan membagikan tutorial cara membuat efek 3d dengan css transform. Tutorial ini menggunakan 2 sisi obyek dimana kita akan memberikan efek 3d ketika dilakukan hover maka obyek akan menampilkan tampak bagian belakang. Dengan menggunakan  transform rotate dan transition obyek akan berputar dan memberikan efek 3d. Untuk lebih jelas mari kita mulai tutorial ini. Teman-teman bisa langsung membuat kode HTML seperti berikut:

Simpan kode HTML diatas dan jalankan pada browser. Mudah kan.. dengan css kita bisa membuat efek 3d yang interaktif. Teman-teman dapat mendonload kodenya disini. Demikian tutorial ini semoga bermanfaat dan menambah ilmu teman-teman dalam menguasai css. Terima kasih dan selamat mencoba.