Penjana Gradien Linear CSS
Bina kecerunan CSS secara visual: jenis linear, jejari atau kon, peluncur sudut dan sehingga enam hentian warna dengan pratonton lebar penuh langsung dan kod boleh salin.
Hasilnya
Halaman ini membuka penjana kecerunan dengan jenis linear yang telah dipilih. Seret peluncur sudut untuk memutarkan pudar, laraskan hentian warna dan pratonton lebar penuh serta kemas kini baris CSS pada setiap input.
linear-gradient() melukis warna sepanjang garis lurus — kecerunan yang paling banyak digunakan dalam CSS setakat ini. 90deg berjalan dari kiri ke kanan, 180deg atas ke bawah, dan mana-mana sudut di antara memberikan pepenjuru; kedudukan berhenti dalam peratus menentukan di mana setiap jalur warna mula bercantum ke seterusnya.
Apabila pratonton kelihatan betul, salin garis latar belakang ke dalam lembaran gaya anda. Jika anda mahukan titik permulaan dan bukannya batu tulis kosong, halaman pratetap matahari terbenam, lautan dan pastel membuka alat yang sama ini dengan pasangan warna yang terbukti telah dimuatkan.