带角度的css3渐变效果

最新推荐文章于 2024-08-14 13:50:25 发布

weixin_33935777

最新推荐文章于 2024-08-14 13:50:25 发布

阅读量227

点赞数

文章标签：前端 python ViewUI

原文链接：https://my.oschina.net/greenqingqings/blog/152177

版权

2019独角兽企业重金招聘Python工程师标准>>>

渐变角度为70度的css3: .bg{ /无css3/ background: #ef3a32; /终极版/ background: linear-gradient(70deg,#FF680F, #E41A1A); /* 为了兼容 chrome 2+ 和 safari4＋以上的一些较老的版本，需要这样写：/ background: -webkit-gradient(linear,50% 100%,50% 0%,from(#E41A1A),to(#FF680F)); / Webkit( safari 5.1+ chrome 10+) / background: -webkit-linear-gradient(70deg, #E41A1A, #FF680F); / Firefox / background: -moz-linear-gradient(70deg, #E41A1A, #FF680F); / IE 5.5–7 / filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF680F', endColorstr='#E41A1A', GradientType=0); / IE 8–9 / -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FF680F, endColorstr=#E41A1A)"; / IE 10 / background: -ms-linear-gradient(70deg,#E41A1A, #FF680F); / Opera: */ background: -o-linear-gradient(70deg, #E41A1A, #FF680F); -pie-background: linear-gradient(70deg,#E41A1A, #FF680F);

}

转载于:https://my.oschina.net/greenqingqings/blog/152177