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 siap pakai 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

Seorang desainer web membutuhkan latar belakang hero bertema matahari terbenam. Mereka memilih gradien linear 135°, menempatkan titik oranye di 0%, titik rose di 50%, dan titik ungu di 100% — lalu menyalin CSS langsung ke stylesheet mereka.

Alat terkait