Apakah sifat kecerunan css3?

变 Atribut kecerunan CSS3 ialah atribut baharu dalam spesifikasi CSS3 Ia membolehkan kami membuat kesan kecerunan warna yang kaya pada halaman web, menambahkan lagi keindahan dan kesan visual pada halaman web. Seterusnya, mari kita perkenalkan kandungan khusus sifat kecerunan CSS3.

Sifat kecerunan CSS3 dibahagikan kepada kecerunan linear dan kecerunan jejari, dan kecerunan linear dibahagikan kepada arah mendatar dan menegak. Kecerunan linear mendatar #FF00FF mewakili warna yang berubah, dan beberapa set nilai warna boleh ditetapkan.

2. Kecerunan linear menegak

Sintaks: latar belakang: kecerunan linear(ke bawah, #00FFFF, #FF00FF);

Analisis: ke bawah bermaksud kecerunan dari atas ke bawah, #00FFFF dan #FF00FF bermaksud menukar warna , anda boleh menetapkan beberapa set nilai warna.

2. Atribut kecerunan jejari

Sintaks kecerunan jejari adalah serupa dengan kecerunan linear Terdapat juga dua kategori: nilai panjang jejari dan dua kata kunci kedudukan. Antaranya, kata kunci kedudukan pertama mewakili pusat bulatan, kiri ialah nilai negatif dalam arah paksi-x, nilai kanan ialah nilai positif, arah paksi-y ialah nilai negatif, dan bahagian bawah ialah nilai positif; kata kunci kedudukan kedua mewakili kedudukan permulaan kecerunan Peraturan untuk nilai adalah sama seperti kata kunci kedudukan pertama.

1. Nilai panjang jejari

Sintaks: latar belakang: jejari-kecerunan(elips sudut terjauh pada 45px 45px, #00FFFF, #FF00FF);

Analisis: elips dinyatakan sebagai elips-terjauh dinyatakan sebagai Sudut terjauh, 45px dan 45px ialah koordinat tengah bulatan, #00FFFF dan #FF00FF mewakili warna kecerunan, dan berbilang set nilai warna boleh ditetapkan.

2. Dua kata kunci kedudukan

Sintaks: latar belakang: jejari-kecerunan(di kiri atas, #00FFFF, #FF00FF);

Analisis: di sebelah kiri atas bermaksud pusat kecerunan berada di sudut kiri atas, #00FFFF dan #FF00FF min Untuk menukar warna, beberapa set nilai warna boleh ditetapkan.

Di atas adalah pengenalan terperinci kepada atribut kecerunan CSS3 Anda boleh mencipta banyak kesan hebat dengan menggunakan atribut kecerunan CSS3 Ia memainkan peranan yang hebat dalam mencantikkan halaman web

Atas ialah kandungan terperinci Apakah sifat kecerunan css3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!