Kecerunan css:linear-gradient()

linear-gtradient() fungsi css mencipta kecerunan linear sebagai latar belakang
sintaksnya ialah :
pemilih css{
background-image:linear-gradient(sudut,warna1,warna2,warna3,......);
}

sudut :pilihan ialah rujukan kepada arah kecerunan
secara lalai ialah 180deg
bukannya deg kita boleh gunakan ini untuk kata kunci untuk menentukan arah:
*ke kanan :sama 90deg
**ke kiri :sama dengan 270deg
* ke atas:sama dengan 0deg
**ke bawah:bersamaan 180 deg(adalah pilihan kerana darjah dalam llinear-radient() adalah ke bawah
**warna1 :memerlukan kita nilai ini terdiri daripada nilai warna diikuti dengan
warna pilihan menghentikan satu atau dua kedudukan (peratusan antara 0% dan 100% atau panjang sepanjang paksi kecerunan ).

kecerunan {

tinggi: 200px;
/* Kecerunan condong 45 darjah,
bermula biru dan penamat merah /
/
/*
background-image:linear-gradient(45deg, biru, merah);
*/

/* Kecerunan dari bahagian bawah kanan ke sudut kiri atas,
bermula biru dan penamat merah /
/
/*
background-image:linear-gradient(ke kiri atas, biru, merah)
*/

imej latar belakang:kecerunan linear(ke kanan, merah ,50%, biru)

/*
Hentian warna berbilang kedudukan: Kecerunan condong 45 darjah,
dengan separuh kiri bawah merah dan separuh kanan atas berwarna biru,
dengan garis keras di mana kecerunan berubah daripada merah kepada biru
*/

/*
imej latar belakang :linear-gradient(
45deg,
merah 0 50%,

biru 50% 100%);

*/

Atas ialah kandungan terperinci Kecerunan css:linear-gradient(). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!