Panduan Generator Tombol CSS
Tombol adalah elemen yang paling sering diklik di halaman mana pun — menjadi tumpuan setiap pendaftaran, pembelian, dan unduhan. Generator menawarkan 6 gaya (gradien, garis tepi, 3D, pil, glow, kilau), masing-masing dengan status hover nyata, plus warna, radius, dan padding kustom.
Pilih gaya, atur warna dan slider, lalu salin CSS siap pakai. Tempel ke blok <style>, tambahkan class="btn" pada tombol Anda — efek hover ikut otomatis.
Pro Tips
- Samakan warna tombol dengan aksen CTA Anda dan jaga kontras teks minimal 4.5:1 (WCAG AA).
- Selalu tambahkan status hover yang terlihat — sedikit terangkat atau bayangan menegaskan tombol bisa diklik dan menaikkan konversi.
Frequently Asked Questions
Q: Bagaimana menambahkan tombol ke situs saya?
Bagaimana menambahkan tombol ke situs saya? Salin CSS yang dihasilkan ke blok <style> lalu gunakan <button class="btn">Label</button> di HTML.
Q: Mengapa tombol gradien saya tampak warna solid?
Mengapa tombol gradien saya tampak warna solid? Gradien butuh warna awal dan akhir — pastikan kedua pemilih warna sudah diatur dan background tidak ditimpa aturan lain.
Q: Bisakah mengubah efek hover?
Bisakah mengubah efek hover? Ya — blok .btn:hover terpisah. Bebas mengedit atau menghapus baris transform, bayangan, atau latarnya.
Q: Apakah tombol ini ramah aksesibilitas?
Apakah tombol ini ramah aksesibilitas? Ya. Gunakan kontras yang terbaca dan tambahkan :focus-visible { outline: 2px solid; outline-offset: 2px; } agar pengguna keyboard melihat fokus.
Q: Boleh dipakai di proyek komersial?
Boleh dipakai di proyek komersial? Tentu — CSS yang dihasilkan orisinal dan gratis untuk pekerjaan pribadi maupun klien.
Warna Batik Indonesia
Dari coklat sogan hingga biru indigo, warna batik Indonesia mewarisi teknik pewarnaan alami dari daun indigo, kulit pohon soga, dan kunyit. Setiap warna menyimpan filosofi Jawa yang dalam.
Coklat Sogan #8B4513Warna khas batik klasik dari kulit pohon soga
Biru Indigo #1A3A5CPewarna alami dari daun indigo (nila)
Merah Batik #C41E3AWarna berani khas batik pesisir
Kuning Kunyit #E3A857Kuning alami dari rimpang kunyit
Hijau Lumut #8A9A5BWarna alami dari campuran indigo dan kunyit
Ungu Terong #614051Warna buah terong khas batik Sidoarjo
Krem Batik #F5F0E1Warna dasar kain mori sebelum dibatik
Hitam Pekat #1B1B1BHitam dari getah pohon tingi untuk batik keraton
Biru Langit #4A90D9Warna langit cerah khas batik pesisir
Oranye Jingga #FF7F00Warna cerah khas batik kontemporer
Q: Apa itu warna sogan?
Apa itu warna sogan? Sogan (#8B4513) adalah warna coklat khas batik klasik yang dihasilkan dari kulit pohon soga. Warna ini identik dengan batik keraton Yogyakarta dan Solo yang elegan.
Q: Bagaimana warna indigo batik dibuat?
Bagaimana warna indigo batik dibuat? Biru indigo (#1A3A5C) dibuat dari daun indigo (Indigofera tinctoria) yang direndam dan difermentasi. Pewarna alami ini telah digunakan sejak zaman kerajaan Jawa.