css中的背景渐变

具体从哪里找来已无从考据,里面的参数自己调整到不要的色值即可



background:-webkit-gradient(linear,10% 10%,100% 100%,color-stop(0.14,rgb(255,0,0)), color-stop(0.5,rgb(255,255,0)),  color-stop(1,rgb(0,0,255)) );

             第一个参数:表示的是渐变的类型

                                  linear线性渐变

             第二个参数:分别对应x,y方向渐变的起始位置

             第三个参数:分别对应x,y方向渐变的终止位置

             第四/五/N个参数:设置渐变的位置及颜色

   background:-webkit-gradient(linear, 0 0, 0 100%, from(#2074af), to(#2c91d2));

             第一个参数:表示的是渐变的类型

                                   linear线性渐变

             第二个参数:分别对应x,y方向渐变的起始位置

             第三个参数:分别对应x,y方向渐变的终止位置

             第四个参数:设置了起始位置的颜色

             第五个参数:设置了终止位置的颜色

你可能感兴趣的:(前端学习)