css 滤镜之Gradient

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 );
}

转载于:https://www.cnblogs.com/Marydon20170307/p/8117228.html

css 滤镜之Gradient相关推荐

运用HTML5+CSS3和CSS滤镜做的精美的登录界面
原始出处http://chenjinfei.blog.51cto.com/2965201/774865 <!DOCTYPE HTML> <html> <head> ...
css滤镜属性渐变_使用滤镜对CSS渐变进行动画处理
css滤镜属性渐变 Officially, gradients can't yet be animated. However, using CSS filters, you can animate t ...
以旧焕新的css滤镜
嗯,不是以旧换新,是希望css滤镜这个旧东东能焕发出新的生命.在新出的css3的一些特性令大家大声叫好时,其实ie下的滤镜早已默默的实现了相似的功能.OK,话不多说,让我们挨个来看一下. 界面滤镜: ...
html图片加波浪滤镜,CSS滤镜wave属性(波形滤镜)
[实例介绍] CSS滤镜wave属性(波形滤镜) wave滤镜用来把对象按照垂直的波纹样式打乱.waVe的表达式还是比较复杂的,它一共有5个参数. [基本语法] filter:wave(add=参数值 ...
html 文字倒映效果,HTML图片CSS滤镜—倒影效果
this.p={ m:2, b:2, loftPermalink:'', id:'fks_082064085083080066093086082095083084084067083083082065' ...
CSS滤镜(Filters)
滤镜(Filters)是CSS3里新增的一种神奇的功能.说起滤镜(filter)效果,经常使用PhotoShop的人应该非常清楚,每张用Photoshop制作出来的图片几乎都使用了滤镜进行美化.而CS ...
[CSS]滤镜用法(1)
滤镜效果功能描述 Alpha 设置不同的透明度变化效果 Blur 建立模糊效果 DropShadow 建立一种偏移的影象轮廓,即投射阴影 FlipH 水平翻转 FlipV 垂直翻转 Glow 为对象 ...
被低估的css滤镜,你所不知道的 CSS 滤镜技巧与细节
本文主要介绍 CSS 滤镜的不常用用法,希望能给读者带来一些干货! 系列 CSS 文章汇总在我的 Github ,持续更新,欢迎点个 star 订阅收藏. OK,下面直接进入正文.本文所描述的滤镜,指 ...
html filter 作用,css滤镜有什么作用？
滤镜主要是用来实现图像的各种特殊效果:它在Photoshop中具有非常神奇的作用.而在CSS3中,对各种滤镜效果已经有了支持,可以做出很多效果. css滤镜的标识符是"filter" ...

css 滤镜之Gradient

css 滤镜之Gradient相关推荐

最新文章

热门文章