背景渐变

1. 背景渐变：线性渐变和径向渐变

线性渐变

 

background:linear-gradient(red,green,blue);   从上到下

background:linear-gradient(to right,red,green,blue);    从左到右

background-image: linear-gradient(to bottom right, red , yellow);    对角渐变

 

线性渐变占比  百分比

Background:linear-gradient(green 50%,blue 50%);

 

径向渐变

 

background-image: radial-gradient(red, green, blue);   均匀

background-image: radial-gradient(red 5%, green 15%, blue 60%);   不均匀