Alat/Kode & Pengembang/Generator Gradient CSS

Generator Gradient CSS

Buat kode gradient CSS.

100% di perangkat · 0 unggahan

Warna 1

Warna 2

Jenis Gradien

Sudut: 90°

background: linear-gradient(90deg, #4f46e5 0%, #ec4899 100%);

01 · Tanpa Batas

Gunakan sesering yang Anda mau — sepenuhnya gratis.

02 · Privat

File Anda tidak pernah meninggalkan perangkat; semua berjalan di browser.

03 · Cepat

Pemrosesan dilakukan secara lokal dan selesai dalam hitungan detik.

Cara Membuat Gradien CSS

Pilih warna Anda

Pilih dua warna atau lebih dengan pemilih visual.

Atur jenis dan sudut

Beralih antara linear dan radial, putar arah, geser titik henti.

Salin kode CSS

Ambil properti background yang sudah jadi dan tempel ke stylesheet Anda.

Mengapa Generator Gradien Ini?

✓Penyuntingan visual dengan pratinjau langsung

✓Linear dan radial dengan kontrol sudut penuh

✓Keluaran CSS bersih siap salin-tempel

✓Gratis, instan, tanpa daftar

Pertanyaan Umum

Jenis gradien apa yang didukung?+

Gradien linear di sudut mana pun dan radial dari titik pusat — dua kuda pekerja yang mencakup hampir semua desain antarmuka.

Apakah CSS yang dihasilkan kompatibel di mana-mana?+

Ya — sintaks standar linear-gradient() dan radial-gradient() sudah bertahun-tahun didukung semua browser, tanpa prefiks.

Bagaimana membuat gradien tampak profesional?+

Jaga rona bertetangga tetap dekat (biru ke ungu, bukan biru ke oranye), hindari ujung hitam/putih murni, dan pertimbangkan sudut halus seperti 135° daripada lurus ke bawah.

Bisakah memakai lebih dari dua warna?+

Bisa — tambahkan beberapa titik warna untuk transisi multiwarna gaya matahari terbit. Pratinjau diperbarui langsung.