Apakah sifat kecerunan dalam css3

Atribut kecerunan dalam css3 termasuk kecerunan linear, kecerunan jejari, kecerunan kon, kecerunan-linear berulang, kecerunan-jejarian berulang, dsb. Pengenalan terperinci: 1. Kecerunan linear, kecerunan linear, boleh kecerunan sepanjang garis lurus Anda boleh menentukan titik permulaan dan titik akhir kecerunan, serta kedudukan dan warna setiap titik hentian warna, dsb.

Harta kecerunan dalam CSS3 boleh mencipta kesan peralihan warna yang lancar dengan menyatakan peralihan antara warna permulaan dan warna penamat. Berikut ialah atribut kecerunan yang biasa digunakan dalam CSS3:

1 kecerunan linear: kecerunan linear, yang boleh kecerunan sepanjang garis lurus. Anda boleh menentukan titik permulaan dan akhir kecerunan, serta kedudukan dan nilai warna setiap hentian warna.

Sebagai contoh, untuk mencipta kecerunan linear daripada merah ke biru, anda boleh menggunakan kod berikut:

background: linear-gradient(red, blue);

2: kecerunan jejarian, yang boleh memancar keluar dari titik tengah. Anda boleh menentukan titik pusat permulaan dan penamat bagi kecerunan, serta kedudukan dan nilai warna setiap hentian warna.

Sebagai contoh, untuk mencipta kecerunan jejari yang memancar ke luar dari pusat, anda boleh menggunakan kod berikut:

background: radial-gradient(circle, red, blue);

3: Kecerunan kon, anda boleh kecerunan sepanjang bentuk kon. Anda boleh menentukan sudut permulaan dan penamat kecerunan, serta kedudukan dan nilai warna setiap hentian warna.

Sebagai contoh, untuk mencipta kecerunan kon daripada merah ke biru, anda boleh menggunakan kod berikut:

background: conic-gradient(red, blue);

4 berulang-kecerunan linear: Mengulang kecerunan linear, anda boleh menggunakan kecerunan linear berulang kali dalam kawasan yang ditentukan. Anda boleh menentukan titik permulaan dan akhir kecerunan, serta kedudukan dan nilai warna setiap hentian warna.

Sebagai contoh, untuk mencipta kecerunan linear berulang daripada merah ke biru, anda boleh menggunakan kod berikut:

background: repeating-linear-gradient(red, blue);

5: Kecerunan jejarian berulang, anda boleh menggunakan kecerunan jejarian berulang kali dalam kawasan yang ditentukan. Anda boleh menentukan titik pusat permulaan dan penamat bagi kecerunan, serta kedudukan dan nilai warna setiap hentian warna.

Sebagai contoh, untuk mencipta kecerunan jejari berulang yang memancar keluar dari pusat, anda boleh menggunakan kod berikut:

background: repeating-radial-gradient(circle, red, blue);

Selain daripada beberapa sifat kecerunan yang biasa digunakan di atas, CSS3 juga menyediakan beberapa sifat kecerunan lain, seperti sudut kecerunan , bentuk kecerunan, dsb. Anda boleh memilih atribut kecerunan yang sesuai mengikut keperluan khusus untuk mencapai kesan yang diingini.

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