Reka Bentuk
Penjana Gradien CSS
Bina gradien CSS secara visual.
Cara menggunakan
Pilih pratetap atau bina dari mula: tambah hentian warna, seret kedudukan, tukar antara linear / jejari / kon. Salin CSS atau coretan kelas Tailwind.
Soalan Lazim
Apakah jenis gradient yang disokong?
Linear (sebarang sudut), radial (bulatan dari tengah) dan konik (roda warna). Setiap jenis menyokong berbilang color stop dengan kedudukan yang boleh diseret.
Bagaimana cara menggunakan CSS?
Salin baris background yang dijana ke dalam stylesheet atau tampalkannya pada arbitrary value Tailwind seperti bg-[linear-gradient(...)].
Bolehkah saya bermula dengan preset?
Ya — klik salah satu daripada 12 preset (matahari terbenam, lautan, lampu sorot radial, pelangi konik dan banyak lagi), kemudian laraskan color stop dan sudut.
Terakhir dikemas kini: