css 滤镜之Gradient

喜欢ヅ旅行 2021-09-17 15:10 365阅读 0赞

CreateTime--2017年12月26日11:09:14

Author:Marydon

ie滤镜特效之Gradient

作用：

用于设置渐变背景色

使用条件：

IE9及以下版本不支持属性background-image的属性值linear-gradient()，可以使用Gradient来代替

语法：

filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth,gradientType=num)

第一个参数：enabled

用途：设置或检索滤镜是否激活。

对应参数值：布尔值(Boolean)，true|false

必要性及默认值：默认值为true，可选项

第二个参数：startColorStr|startColor

用途：设置或检索色彩渐变的开始颜色和透明度。

startColorStr

对应参数值：字符串(String)，其格式为 \#AARRGGBB，取值范围为 \#00000000 - \#FFFFFFFF

参数值构成说明：

AA 、 RR 、 GG 、 BB 为十六进制正整数，对应的取值范围为 00 - FF ；

AA 指定透明度， 00 是完全透明， FF 是完全不透明，超出取值范围的值将被恢复为默认值FF；

RR 指定红色值， GG 指定绿色值， BB 指定蓝色值；

必要性及默认值：默认值为 \#FF0000FF（不透明蓝色），可选项

startColor

对应参数值：

整数值(Integer)，取值范围为 0 - 4294967295 。（0 为透明， 4294967295 为不透明白色）；

当在脚本中使用此特性时，也可以用十六进制格式： 0xAARRGGBB 。

第二个参数：endColorStr|endColor

用途：设置或检索色彩渐变的结束颜色和透明度。

endColorStr

对应参数值：同第二个参数

参数值构成说明：同第二个参数

必要性及默认值：默认值为 \#FF000000 （不透明黑色），可选项

第三个参数：gradientType

用途：设置或检索色彩渐变的方向。

对应参数值：整数值(Integer)，1 | 0

参数值说明：

1：水平渐变；

0：垂直渐变。

必要性及默认值：默认值为1，可选项

endColor

同第二个参数

举例：

body{
        /*ie9及以下*/
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#5027ae60',endColorStr='#f5f5f5', gradientType=0 );
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，365人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS滤镜filter，让页面加上滤镜效果

1、概念 filters是CSS3里新增的一种神奇的功能，一般我们提及滤镜，就会想到使用PhotoShop制作的图片，但是使用CSS滤镜不需要任何作图软件，仅使用CSS就会

小鱼儿/ 2023年10月07日 20:12/ 0 赞/ 73 阅读

相关 css filter 滤镜

filter 注：filter 属性目前已经完全可以在实际项目中应用，只要你的项目不需要兼容IE和Edge，例如中后台和内部系统，移动端项目等，可以放心使用。 ![C

川长思鸟来/ 2023年02月14日 05:59/ 0 赞/ 276 阅读

相关 android opengl滤镜,Android OpenGL ES滤镜开发之美颜效果

主要是通过对片元着色器的处理来达到美颜的效果高斯模糊也叫做高斯平滑，主要是用来降低图像早生以及降低细节层次，是的图像看起来更加的平滑。在片云着色器中，取当前数据周边

野性酷女/ 2022年10月05日 13:57/ 0 赞/ 341 阅读

相关 css3中的滤镜效果

[链接][Link 1] [CSS3 Filter的十种特效][CSS3 Filter] [Link 1]: http://www.r

女爷i/ 2022年07月14日 01:00/ 0 赞/ 237 阅读

相关 css3中的滤镜特效

页面被渲染后再页面中某个局部呈现的一些特殊的视觉效果。先放一张原图： ![原图][SouthEast] 1. grayscale滤镜（灰度滤镜） <st

朱雀/ 2022年06月05日 09:46/ 0 赞/ 386 阅读

相关灰色CSS滤镜 grayscale

灰色CSS滤镜加入一个CSS滤镜即可 <style type="text/css"> /\可以body改为需要的标签\/ body\{ filter

ゝ一纸荒年。/ 2022年01月10日 13:27/ 0 赞/ 1087 阅读

相关滤镜之投影效果

package \{ import flash.display.Bitmap; import flash.display.Bit

我就是我/ 2021年11月23日 22:20/ 0 赞/ 359 阅读

相关 css 滤镜之Gradient

CreateTime--2017年12月26日11:09:14 Author:Marydon ie滤镜特效之Gradient 作用：　　用于设置渐变背景色使

喜欢ヅ旅行/ 2021年09月17日 15:10/ 0 赞/ 366 阅读

相关图像滤镜艺术---水彩画滤镜

原文: [图像滤镜艺术---水彩画滤镜][---] 水彩画滤镜水彩画滤镜算法如下： 1，假设原始图像为F(x,y)，灰度化得到G(x,y)； 2，构建一个半径为Rad

不念不忘少年蓝@/ 2021年09月17日 13:50/ 0 赞/ 503 阅读

相关 css 滤镜属性

CSS3中强大的filter(滤镜)属性博主最近在做网站的过程中发现了一个非常强大的CSS3属性，就是filter(滤镜)属性，喜欢p图的朋友看名字都应该知道这是什么神器了

布满荆棘的人生/ 2021年07月24日 12:13/ 0 赞/ 637 阅读