Hallo teman-teman, berjumpa lag pada kesempatan yang baik ini, kali ini saya akan berbagi artikel masih mengenai transition, namun kali ini saya akan menjelaskan transisi pada Button.

Baiklah kita mulai saja pada pembuatan transition button.

Seperti biasa kita buka dulu text editor nya, setelah itu kita ketikan script seperti berikut ini pada html nya:

html

Kalo sudah , sekarang lihat hasil sementara pada browser teman-teman, nanti hasil nya akan seperti ini:

hasil sementara

Masih button biasa yah teman-teman, karena kita belum menyisipkan CSS di dalamnya, sekarang kita lanjutkan untuk script CSS nya button nya kelihatan bagus dan cantik tidak seperti button di atas, langsung saja teman-teman silahkan ketikan script seperti berikut ini:

Cssnya

Kalo sudah. Sekarang reload browser teman-teman, dan lihat hasil nya, maka hasil nya akan seperti ini:

hasil

Sekarang coba teman-teman klik tombol button nya, maka akan terjadi perubahan transisi pada button tersebut.

Nah, kalo sudah sama seperti di atas, berarti sudah benar script nya.

Baiklah sampai disini perjumpaan kita kali ini, semoga artikel ini bisa bermanfaat bagi teman-teman, sampai ketemu lagi dilain waktu.