bannerHallo teman-teman, apa kabarnya ? Semoga baik-baik aja yah. Nah pada kesempatan kali ini saya akan berbagi artikel mengenai cara membuat efek 3D untuk thumbnail dan gambar, pasti teman-teman penasan gimana jadinya ?

baiklah langsung saja kita praktikan, sebelum nya teman-teman sipakan terlebih dahulu gambar yang akan dipakai nanti. Seperti biasa silahkan teman-teman buka text editornya kemudian ketikan script pada html nya seperti berikut:

html

Kalo sudah, selanjutnya kita akan membuat script CSSnya, langsung saja silahkan teman-teman ketikan script CSS berikut ini di antara tag head ataupun bisa dibuat file CSS baru secara terpisah:

css1

Pada script url(“bg.jpg”) diatas, silahkan ganti dengan gambar yang sudah disiapkan tadi.

Belum cukup sampai disini, coba teman-teman lanjutkan lagi, ketikan script CSSnya:

css2

Ok, script CSSnya sudah dibuat, sekarang silahkan simpan kemudian coba teman-teman buka pada browsernya masing-masing dan lihat hasil nya.

Bagaimana ? Lumayan keren kan.

Baiklah sampai disini artikel kali ini, semoga artikel ini bisa bermanfaat bagi teman-teman. amin

Sampai jumpa dilain kesempatan.