Cara Kerja Gradient CSS di ToolMole
ToolMole memungkinkan Anda membuat gradient CSS secara visual langsung di browser. Anda dapat memilih tipe gradient (linear, radial, atau conic), mengatur sudut, menambah warna, dan memindahkan posisi setiap color stop dengan kontrol interaktif.
Preview gradient akan diperbarui secara real time sesuai perubahan yang Anda lakukan, sehingga Anda bisa melihat hasil akhir sebelum menyalin kode CSS. Data dan proses sepenuhnya terjadi di perangkat Anda, tanpa upload ke server.
Pengaturan Warna dan Efek Gradient
Gradient CSS mendukung warna dasar dan transparansi melalui alpha channel. Anda bisa menambahkan beberapa color stop, bahkan di posisi yang sama, untuk membuat efek tepi tajam atau stripe pada gradient.
Pilih warna dengan slider, atur posisinya, dan lihat perubahan langsung di preview. Untuk konic-gradient, pastikan browser Anda mendukung tipe ini karena beberapa browser lama mungkin tidak menampilkan hasil dengan benar.
Salin Kode CSS & Tips Penggunaan
Setelah gradient siap, Anda dapat menyalin kode CSS yang dihasilkan dengan satu klik. Kode gradient ini kompatibel dengan standar CSS, dan bisa langsung digunakan di proyek web Anda.
Jika ingin eksperimen, gunakan fitur random untuk menghasilkan kombinasi warna otomatis atau preset yang tersedia. ToolMole tidak mendukung ekspor sebagai gambar, fokus pada pembuatan kode CSS gradient saja.
Pertanyaan yang Sering Diajukan
Apakah kode CSS gradient bisa digunakan di semua browser?
Linear dan radial gradient didukung di sebagian besar browser modern. Untuk conic-gradient, beberapa browser lama mungkin belum kompatibel sehingga hasilnya bisa berbeda.
Bagaimana membuat garis tajam atau stripe pada gradient?
Tambahkan color stop di posisi yang sama. Ini akan menghasilkan tepi yang tajam atau stripe pada gradient, sesuai kebutuhan desain Anda.
Apakah bisa memakai transparansi atau alpha channel di warna?
Ya, Anda bisa memilih warna dengan nilai alpha (transparansi) untuk membuat efek gradient yang lebih lembut atau overlay.
Apa yang terjadi bila menambah beberapa color stop di posisi yang sama?
Gradient akan menghasilkan garis tegas di posisi tersebut, cocok untuk membuat efek stripe atau batas warna yang jelas.
Bisa lihat preview gradient di background berbeda?
Anda dapat mencoba berbagai warna background langsung di preview untuk melihat bagaimana gradient tampil di latar berbeda.
Ada fitur randomisasi atau preset gradient?
Tersedia tombol random dan beberapa preset, sehingga Anda bisa menghasilkan kombinasi warna gradient secara otomatis untuk inspirasi desain.
Ada masalah atau ide untuk alat ini? Kirim masukan