Generator Gradient CSS
Buat gradient CSS yang indah secara visual. Pilih warna, tentukan arah, dan salin kodenya. Generator gradient online gratis — tanpa pendaftaran.
Cara Menggunakan Generator Gradient CSS
Pilih dua warna atau lebih, tentukan arah, dan langsung lihat gradient Anda. Kode CSS yang dihasilkan siap ditempel ke stylesheet Anda. Gradient menambahkan kedalaman visual ke background, tombol, dan kartu tanpa aset gambar tambahan, menjaga halaman tetap ringan dan cepat.
Linear vs Radial
Gradient linear mentransisikan warna sepanjang garis lurus. Gradient radial mengembang dari titik pusat ke luar. Pilih gaya yang sesuai dengan desain Anda.
Pertanyaan yang Sering Diajukan
Bisakah menggunakan lebih dari 3 warna?
Ya. Klik "TAMBAH WARNA" untuk menambahkan sebanyak mungkin color stop yang Anda suka. Generator ini mendukung warna tanpa batas.
Apakah CSS gradient berfungsi di semua browser?
Ya. Gradient linear dan radial didukung di semua browser modern termasuk Chrome, Firefox, Safari, dan Edge. Tidak perlu vendor prefix.
RELATED TOOLS