Cara Membuat Button 3D

Button adalah tombol yang tampak pada layar, pada sebuah program yang jika diklik akan terkait dengan perintah tertentu.

Di segmen kalininkita akan mencoba untuk membuat button 3D. Menggunakan HTML dan CSS. Bagaimana cara membuat nya? Ikuti saya lesgooo....

Langkah pengerjaan

1. Buka teks editor kalian

2. Buatlah sebuah file index.html

3. Buat kerangka html

4. Kita buat tag <div> yang mempunyai class container. Dan di dalam tag <div> buat tag <button>, seperti Gambar di bawah

5. Kita beri style tag <button> ini dengan mengetikan sintak di bawah ini

6. Buat juga Hover dari tag <button> ketikan sintak di bawah ini

7. Agar tag <button> ketengah, beri style pada tag <div>. Ketikan sintak di bawah ini

8. Jalankan file index.html, maka hasil dari code yang kita coba akan seperti gambar di bawah

Ya, begitulah teman" cara membuat Button 3D dari HTML dan SCC, yah sekian dari saya kurang lebih nya saya minta maaf. ~Zenprojec