css3基础---线性渐变linear-gradient

线性渐变
   为了创建一个线性渐变,你需要设置一个起始点和一个方向(指定为一个角度)。你还要定义终止色。终止色就是你想让浏览器去平滑的过渡过去,并且你必须指定至少两种,当然也会可以指定更多的颜色去创建更复杂的渐变效果。
 
-默认从上到下发生渐变
              linear-gradient(red,blue);
 
-改变渐变方向:(top bottom left right)
              linear-gradient(to 结束的方向,red,blue);
 
-使用角度
              linear-gradient(角度,red,blue);
 
   ?
-颜色节点的分布(第一个不写为0%,最后一个不写为100%)
            linear-gradient(red 长度或者百分比,blue 长度或者百分比);
-重复渐变(可选属性)
           repeating-linear-gradient(60deg,red 0,blue 30%);
 
 
 

css3基础---线性渐变linear-gradient

上一篇:vue-webpack-starter开始小demo


下一篇:html - 多次点击选中页面文字出现蓝色背景的解决方法