怎样用css实现一个图片的颜色从左至右的渐变
答案:3 悬赏:70 手机版
解决时间 2021-04-28 04:16
- 提问者网友：十年饮冰
- 2021-04-28 00:27
怎样用css实现一个图片的颜色从左至右的渐变
最佳答案
- 五星知识达人网友：你哪知我潦倒为你
- 2021-04-28 01:58
background: -webkit-linear-gradient(left, red , blue);
针对于谷歌苹果浏览器
background: -o-linear-gradient(right, red, blue);
针对于欧鹏浏览器
background: -moz-linear-gradient(right, red, blue);
针对于火狐浏览器
background: linear-gradient(to right, red , blue);
标准语法ie9
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red);
针对于低版本浏览器使用的是css滤镜filter，现代浏览器和手机移动端基本用的是css3
针对于谷歌苹果浏览器
background: -o-linear-gradient(right, red, blue);
针对于欧鹏浏览器
background: -moz-linear-gradient(right, red, blue);
针对于火狐浏览器
background: linear-gradient(to right, red , blue);
标准语法ie9
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red);
针对于低版本浏览器使用的是css滤镜filter，现代浏览器和手机移动端基本用的是css3
全部回答
- 1楼网友：渊鱼
- 2021-04-28 02:50
CSS本身可以控制背景色，用linear-gradient(to right, 左边颜色 , 右边颜色);
- 2楼网友：躲不过心动
- 2021-04-28 02:18
比如：
.sss{ filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#000000', endColorStr='#666666', gradientType='1')}
其中gradientType='1' 的值可以改的。0，1，2任意你自己咯就是水平，垂直之类的不同。
不建议用滤镜来做渐变，因为像FIREFOX那些核心的浏览器是无法显示出你的渐变得，包括NETSCAPE,OPEAR等都没办法，要渐变的话应该用图片直接做好再贴上去。
.sss{ filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#000000', endColorStr='#666666', gradientType='1')}
其中gradientType='1' 的值可以改的。0，1，2任意你自己咯就是水平，垂直之类的不同。
不建议用滤镜来做渐变，因为像FIREFOX那些核心的浏览器是无法显示出你的渐变得，包括NETSCAPE,OPEAR等都没办法，要渐变的话应该用图片直接做好再贴上去。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯