Apa itu Generator Gradien?

Pembangun gradien CSS visual yang memungkinkan Anda membuat gradien linear, radial, dan conic dengan titik warna tak terbatas. Sesuaikan sudut, posisi, dan warna secara real time lalu salin CSS dengan satu klik.

Cara menggunakan

1. Langkah 1 — Pilih jenis gradien (linear, radial, atau conic) dan tentukan arah atau sudut menggunakan slider sudut atau tombol prasetel.
2. Langkah 2 — Tambahkan titik warna dengan mengklik bilah gradien. Sesuaikan warna dan posisi setiap titik dengan cara menyeret atau memasukkan nilai tepat.
3. Langkah 3 — Pratinjau gradien secara langsung, lalu salin kode CSS yang dihasilkan ke clipboard atau unduh sebagai file CSS.

Hasil

Misalnya Anda ingin latar belakang hero bertema matahari terbenam. Pilih gradien linear 135°, taruh oranye di 0%, rose di 50%, dan ungu di 100%, lalu salin CSS ke stylesheet Anda.

Alat terkait