0

Penjana Kecerunan Jejari 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.

90°
Memproses... 0%

Hasilnya

Halaman ini membuka penjana kecerunan dengan jenis jejari yang telah dipilih: warna memancar keluar dari tengah elemen dalam bulatan sepusat, dan setiap hentian yang anda tukar mengecat semula pratonton serta-merta.

radial-gradient() ialah alat untuk kesan sorotan dan cahaya, vignet lembut dan latar belakang yang memerlukan titik fokus dan bukannya arah. Kedudukan hentian dalam peratus memetakan jarak dari pusat — 0% ialah tengah, 100% tepi jauh — jadi mengetatkan hentian pertama menjadikan teras cerah kecil, merebakkannya membuat cucian yang luas.

Salin garis latar belakang sebaik sahaja pratonton kelihatan betul. Gelangsar sudut tersembunyi dalam mod ini kerana bulatan tidak mempunyai arah — tukar kembali kepada linear atau kon dan ia muncul semula.