Diagonal
Teal to blue at 135°
linear-gradient(135deg, …)
Loading page…ToolStack
Gunakan CSS Gradient Generator secara online untuk hasil alat pengembang yang cepat, gratis, dan privat di browser.
Jawaban cepat
Masukkan nilai yang diperlukan ke CSS Gradient Generator untuk melihat hasil secara langsung.
CSS gradient
Illustrative view
Two colors, a shape, and an optional angle create the CSS.
Masukkan nilai yang diperlukan ke CSS Gradient Generator untuk melihat hasil secara langsung. Pesan kesalahan yang jelas akan muncul jika data tidak lengkap atau tidak valid.
Jika memungkinkan, pemrosesan dilakukan di browser. Data masukan tidak dikirim atau disimpan di server untuk melakukan perhitungan.
Teal to blue at 135°
linear-gradient(135deg, …)
White center to black edge
radial-gradient(circle, …)
Ya. Alat ini gratis dan fungsi dasarnya tidak memerlukan pembayaran atau pendaftaran.
Tidak. Data diproses di browser dan tidak disimpan di basis data.
Masukkan nilai lengkap dan valid sesuai label, lalu perbaiki bidang yang ditandai jika muncul kesalahan.
Jelajahi lagi