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

本文详细介绍了CSS中linear-gradient属性的使用方法,包括如何创建从红色到蓝色的渐变背景,以及如何指定渐变方向,如使用90deg实现顺时针渐变效果。同时,文章还讨论了在不同浏览器和开发环境中使用该属性时可能遇到的兼容性问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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); /
标准的语法 */
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值