CSS3----渐变主流浏览器支持

最新推荐文章于 2021-08-04 01:05:53 发布

damys

最新推荐文章于 2021-08-04 01:05:53 发布

阅读量1.6k

点赞数

分类专栏： HTML5.CSS3 CSS3 文章标签： CSS渐变

本文链接：https://blog.csdn.net/damys/article/details/10326817

版权

HTML5.CSS3 同时被 2 个专栏收录

46 篇文章 1 订阅

订阅专栏

CSS3

9 篇文章 0 订阅

订阅专栏

CSS:

.about-box:hover{background:#00a5e2;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 165, 225)), to(rgb(2, 149, 203)));
background-image: -webkit-linear-gradient(top, rgb(0, 165, 225), rgb(2, 149, 203));
background-image: -moz-linear-gradient(top, rgb(0, 165, 225), rgb(2, 149, 203));
background-image: -o-linear-gradient(top, rgb(0, 165, 225), rgb(2, 149, 203));
background-image: -ms-linear-gradient(top, rgb(0, 165, 225), rgb(2, 149, 203));
background-image: linear-gradient(top, rgb(0, 165, 225), rgb(2, 149, 203));

/*以上兼容主流极速浏览器如：Chrome , FF , Safari ,360... */

filter: progid:DXImageTransform.Microsoft.gradient(GradientType= 0 ,startColorstr='#00a5e2', endColorstr='#0295cb');}

/*此行兼容IE8/9*/

.about-box:hover{background:#00a5e2;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 165, 225)), to(rgb(0, 116, 179)));
background-image: -webkit-linear-gradient(top, rgb(0, 165, 225), rgb(0, 116, 179));
background-image: -moz-linear-gradient(top, rgb(0, 165, 225), rgb(0, 116, 179));
background-image: -o-linear-gradient(top, rgb(0, 165, 225), rgb(0, 116, 179));
background-image: -ms-linear-gradient(top, rgb(0, 165, 225), rgb(0, 116, 179));
background-image: linear-gradient(top, rgb(0, 165, 225), rgb(0, 116, 179));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType= 0 ,startColorstr='#00a5e2', endColorstr='#0074b3')}