Generator gradien CSS

Cara menggunakan

1. Gradien sudah tampil saat halaman dibuka — hasil pertama tidak perlu diklik.
2. Pilih jenisnya: “Linear” bergerak sepanjang sudut, “Radial” menyebar dari lingkaran, “Conic” menyapu mengelilingi pusat. Ubah sudut dengan penggeser untuk linear dan conic.
3. Atur warnanya lewat swatch dan geser setiap posisi (0–100%). Tambah warna dengan “+ Tambah warna” bila ingin gradien banyak stop; hapus hingga tersisa dua.
4. CSS diperbarui langsung di bawah — salin dengan satu klik dan tempel di mana pun yang menerima CSS.

Cakupan, batasan, dan pertanyaan umum

• Hanya warna opak: swatch adalah pemilih warna peramban dan tidak menampilkan alpha. Untuk transparansi, ubah dulu warnanya ke bentuk ber-alpha, lalu kembali.
• Hanya satu segmen standar: linear, radial, atau conic — tanpa prefiks -webkit-, tanpa trik latar berlapis, tanpa pengaturan ukuran atau posisi pusat radial.
• Stop tetap dalam urutan penambahannya — tidak diurutkan otomatis, jadi posisi yang tidak berurutan sengaja membuat lompatan keras.
• Antara 2 dan 8 stop. Turun ke satu stop menghentikan gradien (dengan pemberitahuan) alih-alih memalsukannya.
• Tanpa pustaka preset, tanpa penerapan latar satu halaman penuh, tanpa tautan berbagi yang membawa gradien — tombol bagikan hanya membagikan URL halaman; tidak ada yang diunggah, disimpan, atau ditulis ke URL.
• Sudut tidak bermakna untuk gradien radial, jadi kontrol sudut disembunyikan dan kode yang dihasilkan tidak memuat sudut.