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

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

2渐变方向
默认是上到下,left代表起始的地方,后面第一个值是起始颜色。使用90deg,这个是顺时针方向,如果是-90deg则代表逆时针。用的时候找个自己记得住的来
在这里插入图片描述
#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); /
标准的语法 */
}

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值