前端知识点系列---背景色渐变

参考：https://www.cnblogs.com/liangdecha/p/9797124.html

 

线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
径向渐变（Radial Gradients）- 由它们的中心定义

background: linear-gradient(to left,#d3959b,#bfe6ba); //右→左

 

background: linear-gradient(to right,#d3959b,#bfe6ba);//做由左到右

background: linear-gradient(to top,#d3959b,#bfe6ba);//下到上

background: linear-gradient(to bottom,#d3959b,#bfe6ba);//上到下

background: linear-gradient(to top right,#d3959b,#bfe6ba);//从左下角到右上角，对角线角度

6、background: linear-gradient(45deg,#d3959b,#bfe6ba);

7、background: linear-gradient(45deg,#d3959b 20%,#bfe6ba);

用百分比指定起始颜色的位置，默认值为0%；

8、background: linear-gradient(to right,#feac5e,#c779d0,#4bc0c8);

9、background: linear-gradient(45deg,#feac5e,#c779d0,#4bc0c8);

10、background: linear-gradient(45deg,rgba(254,172,94,0.5),rgba(199,121,208,0.5),rgba(75,192,200,0.5));

rgba使用了0.5的透明度