Untuk membuat button atau tombol dengan kode CSS sangatlah mudah bagi yang sudah menguasai kode CSS, namun tentunya hal ini akan terasa sulit bagi yang baru memahami atau mempelajari kode CSS. Nah untuk itu kini saya share sebuah Button Generator atau alat bantu untuk membuat sebuah tombol yang cukup mudah dalam menggunakannya.
Adalah Button X sebuah css button generator yang saya rekomendasikan untuk membuat sebuah css button dengan mudah. Dan pada generator ini kita disediakan juga macam-macam button sebagai panduan membuat tombol yang kita inginkan (Button Library). Kita bisa merubah atau memodifikasi tombolnya pada panel sebelah kanan dengan menggeser-geser slider-nya dan perubahannya akan terlihat pada live preview di sebelah kiri.
Setelah dirasa cocok dengan tombol yang kita inginkan, kita bisa mendapatkan kode css dan html tombolnya dengan meng-klik tombol Copy code yang otomatis meng-copy kode ke clipboard atau dengan menekan tombol yang kita buat yang otomatis akan membuka panel kode di sebelah kanan dan kemudian meng-copy kodenya secara manual dengan mem-block kode-kodenya.
Cukup mudah bukan? Nah bagi yang ingin mencobanya silahkan menuju ke website Button X dengan klik DI SINI.
Semoga dengan ini kita bisa mempelajari cara membuat sebuah tombol dengan CSS dengan tujuan untuk mempermudah mempelajari kode-kode CSS sebuah tombol sehingga kita nantinya bisa membuat sebuah tombol sendiri dengan CSS. Bonusnya silahkan nikmati video musik Sade - Your Love Is King di bawah ini.
►Play Video
×
Jika Anda ingin mencoba membuat tombol play video Youtube seperti di atas, silahkan simak postingannya di bawah ini.
Selamat mencoba dan silahkan nikmati bonusnya.