Penjana Kecerunan CSS
Cipta kecerunan CSS yang menakjubkan dengan pratonton masa nyata dan kod salin-tampal
Jenis Kecerunan
Pratonton Langsung
Hentian Warna
Warna 1
0%
Warna 2
100%
Seret warna atau laraskan kedudukan untuk mencipta kecerunan yang sempurna
CSS Dijana
background: linear-gradient(to right, #667eea 0%, #764ba2 100%);.gradient {
background: linear-gradient(to right, #667eea 0%, #764ba2 100%);
}Kecerunan Pratetap
Apakah Kecerunan CSS?
Kecerunan CSS ialah peralihan lancar antara dua atau lebih warna. Ia boleh digunakan sebagai latar belakang, tindanan, atau elemen hiasan. Penjana kecerunan kami memudahkan untuk mencipta kecerunan linear dan jejarian dengan editor visual. Hanya pilih warna, laraskan kedudukan, dan salin kod CSS yang dijana terus ke dalam helaian gaya anda.
Jenis Kecerunan CSS
- Kecerunan Linear: Mencipta kecerunan sepanjang garis lurus dalam sebarang arah (mendatar, menegak, atau pepenjuru)
- Kecerunan Jejarian: Mencipta kecerunan yang memancar dari titik tengah dalam bentuk bulatan atau elips
Cara Menggunakan
- Pilih antara jenis kecerunan linear atau jejarian
- Pilih arah (linear) atau bentuk (jejarian)
- Tambah, alih keluar, atau laraskan hentian warna
- Perhalusi kedudukan setiap warna di sepanjang kecerunan
- Salin kod CSS yang dijana dan tampalkannya ke dalam helaian gaya anda
Ciri Utama
- Pratonton langsung: Lihat kecerunan anda dalam masa nyata semasa anda menyunting
- Pelbagai hentian warna: Tambah sehingga 10 warna dalam satu kecerunan
- Kecerunan pratetap: Mulakan dengan kombinasi kecerunan siap sedia yang cantik
- Rawakkan warna: Jana kombinasi warna rawak untuk inspirasi
- Salin kod CSS: Salin satu klik kod kecerunan yang dijana
- Kedua-dua linear dan jejarian: Sokongan untuk semua jenis kecerunan CSS