All Tools / Alat Developer / Generator CSS Gradient โ€” Gratis Online
Pengaturan
Sudut 135ยฐ
Preset
Color Stop
Kode CSS

Generator CSS Gradient

Apa yang dilakukan alat ini

Pilih tipe gradient (Linear, Radial, atau Conic), sesuaikan sudut atau bentuk, tambahkan color stop dan seret posisinya, lalu salin CSS siap pakai. Pratinjau diperbarui langsung saat Anda mengedit. Klik swatch preset untuk menerapkannya sebagai titik awal.

Cara penggunaan

  1. Pilih tipe gradient: Linear, Radial, atau Conic.
  2. Sesuaikan sudut (untuk Linear/Conic) atau bentuk (untuk Radial).
  3. Klik swatch warna untuk mengubah warna, atau ketik nilai HEX.
  4. Seret slider posisi untuk mengontrol di mana setiap warna jatuh.
  5. Klik Salin untuk menyalin kode CSS.