Hallo teman-teman, Bertemu kembali dengan saya diwebsite ini. Seperti biasa ya teman-teman, semoga masih diberikan kesehatan dan kebahagiaan agar dapat kembali semangat dalam mencari informasi atau ingin mengupgrade skill didunia website.

Pada Kesempatan kali ini saya akan membahas tentang Cara Membuat Button Drop Shadow CSS3. Seperti yang sebelum – sebelumnya saya sudah membahas tentang styleing button dengan effect yang berbeda beda nah untuk kali ini tidak jauh berbeda dengan pembahasan yang sebelumnya tentang button effect. Dan disini saya akan membahas tentang Cara Membuat Button Drop Shadow CSS3.

Oke langsung saja kita mulai, pertama-tama silahkan teman-teman buka text editornya kemudian ketik script HTML dibawah ini :

Jika sudah dengan HTMLnya silahkan teman-teman simpan dengan nama button.html, lalu langkah selanjutnya teman-teman ketik script CSS nya seperti dibawah ini :

Untuk CSSnya disini kita menggunakan Internal saja tinggal tambahkan tag style diantara tag head atau dibawah tag title pada html. Jika sudah silahkan teman-teman simpan dan kemudian silahkan teman-teman jalankan/run dibrowser yang teman-teman gunakan. Jika berhasil maka hasilnya akan terlihat seperti pada gambar dibawah ini :

cara-membuat-button-drop-shadow-css3

Cukup mudah kan teman-teman ? Jadi seperti itulah hasil dari script yang tadi teman-teman ketik didalam text-editornya. Dan untuk pengembangannya silahkan teman-teman modif sesuai kemauan teman-teman.

Oke kalau begitu cukup sampai disini dahulu pembahasan kali ini tentang Cara Membuat Button Drop Shadow CSS3 semoga bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih