Desain
Generator Gradien CSS
Buat gradien CSS secara visual.
Cara menggunakan
Pilih preset atau buat dari awal: tambahkan color stop, seret posisi, ganti linear / radial / conic. Salin CSS atau potongan kelas Tailwind.
FAQ
Jenis gradien apa saja yang didukung?
Linear (sudut apa pun), radial (lingkaran dari tengah), dan konik (roda warna). Masing-masing mendukung beberapa color stop dengan posisi yang dapat diseret.
Bagaimana cara menggunakan CSS?
Salin baris background yang dihasilkan ke stylesheet atau tempelkan ke arbitrary value Tailwind seperti bg-[linear-gradient(...)].
Bisakah saya memulai dari preset?
Ya — klik salah satu dari 12 preset (matahari terbenam, samudra, sorotan radial, pelangi konik, dan lainnya), lalu sesuaikan color stop dan sudut.
Terakhir diperbarui: