Buat Gradien CSS Secara Visual
Desain gradien menakjubkan dengan editor visual yang intuitif. Buat gradien linear, radial, dan kerucut. Salin kode CSS secara instan.
Titik Warna
Kode CSS
Preset Gradien
Cara Membuat Gradien CSS
1. Pilih Tipe Gradien
Pilih antara gradien Linear, Radial, atau Kerucut. Sesuaikan sudut atau arah untuk mengontrol aliran gradien sesuai desain Anda.
2. Kustomisasi Warna
Tambah, hapus, atau modifikasi titik warna. Seret pengatur posisi untuk menentukan di mana setiap warna muncul. Coba preset untuk inspirasi cepat.
3. Salin CSS-nya
Salin kode CSS yang dihasilkan dengan satu klik dan tempel langsung ke stylesheet Anda. Berfungsi di semua browser modern tanpa prefix.
Pertanyaan yang Sering Diajukan
Apakah generator gradien CSS ini gratis?
Ya, 100% gratis tanpa batasan. Buat sebanyak mungkin gradien yang Anda butuhkan tanpa registrasi atau batasan apa pun.
Tipe gradien apa saja yang didukung?
Kami mendukung gradien linear dengan sudut kustom, gradien radial dengan bentuk lingkaran, dan gradien kerucut. Setiap tipe dapat memiliki beberapa titik warna untuk kombinasi yang kompleks.
Apakah kode CSS-nya berfungsi di semua browser?
Ya, semua tipe gradien yang kami hasilkan didukung oleh browser modern termasuk Chrome, Firefox, Safari, dan Edge. Tidak diperlukan prefix vendor.
Apakah data saya aman?
Tentu saja. Semua proses berjalan langsung di browser Anda. Tidak ada data yang ditransmisikan ke server mana pun.