css渐变颜色linear-gradient(red, blue)方向90deg -90deg 默认 left

1.css渐变颜色linear-gradient(red, blue)
这个渐变在实际用的时候,这段时间在两个项目里面使用,存在一点需要注意的问题,vue的开发环境打包编译的时候如果你只写一个默认样式,有的时候会给你默认添加其他浏览器的样式,但有的时候就不会给你加,这要看你的兼容包,而且ie和chorm的样式书写顺序要注意,我的顺序不同,会产生不一样的效果,ie版本11。

2渐变方向
默认是上到下,left代表起始的地方,后面第一个值是起始颜色。使用90deg,这个是顺时针方向,如果是-90deg则代表逆时针。用的时候找个自己记得住的来
css渐变颜色linear-gradient(red, blue)方向90deg -90deg 默认 left_第1张图片
#grad {
background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 /
background: -o-linear-gradient(red, blue); /
Opera 11.1 - 12.0 /
background: -moz-linear-gradient(red, blue); /
Firefox 3.6 - 15 /
background: linear-gradient(red, blue); /
标准的语法 */
}

你可能感兴趣的:(css渐变颜色linear-gradient(red, blue)方向90deg -90deg 默认 left)