Generator Gradien CSS

Jenis gradien

Sudut (derajat)

Bentuk

Titik warna

Output CSS

Apa itu Gradien CSS?

Gradien CSS memungkinkan Anda menampilkan transisi halus antara dua warna atau lebih tanpa menggunakan file gambar. Terdapat tiga jenis: linear-gradient (sepanjang garis lurus), radial-gradient (memancar dari titik pusat), dan conic-gradient (berputar di sekitar titik pusat). Gradien digunakan untuk latar belakang, tombol, lapisan, dan elemen dekoratif.

Cara Menggunakan Generator Gradien CSS

Pilih preset dari swatch atau konfigurasikan gradien Anda sendiri.
Pilih jenis gradien: linear, radial, atau conic.
Sesuaikan sudut (untuk linear/conic) atau bentuk (untuk radial).
Edit titik warna — ubah warna dan posisi (0–100%).
Tambah atau hapus titik warna sesuai kebutuhan.
Salin CSS dan tempel ke stylesheet Anda.

Keywords: generator gradien CSS, gradien linier, gradien radial, gradien konik, generator latar belakang CSS, pemilih warna gradien, alat gradien CSS