css过滤镜实现颜色渐变
语法:
filter : progid:DXImageTransform.Microsoft.Gradient ( enabled=bEnabled , startColorStr=iWidth , endColorStr=iWidth )
属性:
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。
false : 滤镜被禁止。
startColorStr : 可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。
其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。
取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。
EndColorStr : 可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。
特性:
Enabled : 可读写。布尔值(Boolean)。参阅 enabled 属性。
GradientType : 可读写。整数值(Integer)。设置或检索色彩渐变的方向。1 | 0 1 : 默认值。水平渐变。
0 : 垂直渐变。
StartColorStr : 可读写。字符串(String)。参阅 startColorStr 属性。
StartColor : 可读写。整数值(Integer)。设置或检索色彩渐变的开始颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。
EndColorStr : 可读写。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。
EndColor : 可读写。整数值(Integer)。设置或检索色彩渐变的结束颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。当在脚本中使用此特性时,也可以用十六进制格式: 0xAARRGGBB 。
说明:
在对象的背景和内容之间显示定制的色彩层。
当此效果通过转变显示时,在渐变册色彩层之上的文本程序性的初始化为透明的,当色彩渐变实现后,文本颜色会以其定义的值更新。
示例:
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr=#550000FF, endColorstr=#55FFFF00) ;}
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient() ;}
转载于:https://www.cnblogs.com/Better-Me/p/3478965.html
css过滤镜实现颜色渐变相关推荐
- css怎么设置字体颜色渐变
css设置字体颜色渐变的方法:1.使用"background-cli"和"text-fill-color"实现字体颜色渐变:2.使用"mask-ima ...
- css表格样式、颜色渐变、计数器
表格样式之合并单元格边框: 方法一: table设置为border-collapse: collapse;效果不好,有的边框粗,有的边框细. <table class="table1& ...
- CSS背景属性之颜色渐变
颜色渐变 颜色渐变其实在网页设计中并不是特别常见,但也不可避免的会出现导航栏是渐变色这种情况或者别的不是单一颜色的情况,例如: 这样的设计解决方案并不是只可以使用颜色渐变,我们可以使用两个div拼接, ...
- css背景从左到右颜色渐变,CSS:linear-gradient()背景颜色渐变
background: linear-gradient(direction,color-stop1,color-stop2,...); direction:用角度值指定渐变的方向(或角度): colo ...
- CSS 颜色渐变生成器
手工挑选颜色来制作颜色渐变需要设计经验和对色彩和谐的良好理解.如果您需要背景或 UI 元素的渐变,但又没有足够的信心自己处理任务(或者如果您很着急),则 Color gradient generato ...
- CSS文字颜色渐变 - 案例篇
(含效果图.代码)css3 文字颜色渐变 - 案例篇 效果图: demo 代码如下: <doctype HTML!> <html> <head><title& ...
- CSS和JS两种颜色渐变文字效果代码
js实现颜色渐变文字效果代码: <!-- js颜色渐变色文字 --> <div id="moml"> <div style="text-al ...
- HTML渐变背景不重复,如何停止重复自身的背景颜色渐变? (css)
我真的不知道如何解决背景渐变不会重复的问题.我做了很多研究,但大部分都没有帮助.我真的需要它,因为这是为了我的论文,所以我非常感谢他的帮助.预先感谢.如何停止重复自身的背景颜色渐变? (css) @i ...
- 常用技巧性CSS:颜色渐变,截断英文单词,阴影文字.
在层里面加上一个iframe,优先级就比下拉列表框高了 <iframe style="position:absolute; visibility:inherit; top:0px; l ...
最新文章
- java程序通过命令行运行之Path和ClassPath的注意点
- 2012年3月51CTO壁纸点评活动获奖名单【已结束】
- android蓝牙历史
- 什么是大数据,模式识别和人工智能算法实现
- 通达信 c 语言,通达信C
- 黑苹果hd630显存7m_一次黑苹果的折腾记录——修改缓冲帧,解决显存只有7M,正确驱动Intel核显...
- google测试框架
- blp和biba属于哪种访问控制_技术分享 | 访问控制在工控安全中的应用
- win10共享打印机搜索不到计算机,大师告诉您Win10搜不到共享打印机的操作方案...
- amp;#9733;用辩证数学解答“缸中之脑”
- img标签,hr标签
- 初级调色转档CameraRaw
- java主要城市时区对照表(包含时区显示)
- 用计算机实现的动画效果,运用PPT编辑动画效果
- 如何在G502中实现anywhere滚轮左右长移效果
- 【04】SAP ABAP性能优化 - 如何选用内表类型(STANDARD, SORTED, HASHED)?
- 阿里云认证资格考试,yyds!
- SpingMVC项目Servlet[springmvc]的Servlet.init()引发异常
- 女生读计算机还是经济学,女生最吃香的十大专业你知道是什么吗?女生一定要懂...
- IPv4与IPv6有什么不同,如何升级到IPv6
热门文章
- 坦克世界登录服务器未响应,笔者详解win7系统坦克世界登录连接不上服务器的解决方案...
- 同城预约洗车服务小程序同城洗车上门洗车门店优惠券会员预约洗车程序
- 科普:SDH的速率和帧结构及常用检测工具 TFN 155M SDH传输分析仪 D240S
- Raspberry Pi构建Android示波器
- moviepy中视频帧大小crop
- 关于陪领导出差要注意的那些点
- 华容道解法程序2.0发布了(VC版本)
- 日程确定与完成-日事清
- 多重共线性问题 -- 岭回归方法
- 南昌大学肿瘤学考研考情与难度、参考书及上岸前辈备考经验指导