阴影效果滤镜DropShadow颜色数值

ado|滤镜

  关于阴影效果,我可以本能反映的使用滤镜DropShadow,问题就是今天发生的问题,居然让我思考了15分钟,最初始我的样式写法:

filter : progid:DXImageTransform.Microsoft.DropShadow(color=#666,offX=5,offY=5,positives=true);

  也搞不清楚是那里复制来的,反正我肯定背不下来,从来都是一句搞定,今天这个客户突然提个要求说:阴影小一点。我想,那简单啊修改参数offX和offY,于是

filter : progid:DXImageTransform.Microsoft.DropShadow(color=#666,offX=3offY=3,positives=true);

  没反映,ft,怎么搞的,然后就陷入了深入的排查样式冲突啊,重复定义啊,加单位啊什么的。无结果,无奈拿出宝书,小雨的样式表手册,直接运行示例,开始看到一个颜色数值:#00404040,自做聪明认为小雨的低级错误,选了下边的#003399,一切顺利,又很白痴的对照了5分钟

filter : progid:DXImageTransform.Microsoft.DropShadow(color=#003399,offX=3,offY=3,positives=true);

  这时突然醒悟过来,颜色不能缩写!也就是说我以前的#666必须写成#666666,赶紧看color说明:可选项。字符串(String)。设置或检索此滤镜作用的颜色值。其格式为 #AARRGGBB 。AA 、RR 、GG 、BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。
默认值为 #FF404040 。

  原来如此!道理很简单,为什么一直疏忽并没有发现,最后总结原因如下:

  1,颜色值必须全写,和我以前理解样式定义安全色可简写理论相悖;

  2,当颜色指派不成功时,如#666,不报错,自动以默认方式执行,也就是默认黑色,各偏移5,恰好是我的常用样式,故一直未被发现有问题;

  3,color=#FF404040用法有概念混淆误导,真是孤陋寡闻第一次看到,以前从未注意。

时间: 2024-11-08 21:55:46

阴影效果滤镜DropShadow颜色数值的相关文章

php转换颜色为其反色的方法

  这篇文章主要介绍了php转换颜色为其反色的方法,涉及php操作颜色数值的相关技巧,需要的朋友可以参考下 本文实例讲述了php转换颜色为其反色的方法.分享给大家供大家参考.具体分析如下: 这段php代码可以把一个颜色变成与之相反的颜色编码,如:白色变成黑色,蓝色变成黄色 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function color_inverse($color){ $color = str_replace('#', '', $col

Rainmeter如何查找颜色代码

  代码的含义,前面三个是RGB[红色.绿色.蓝色],最后一个是透明的程度,0是完全透明的,255是完全不透明的 打开系统自带的[画图]工具,点击上方的[编辑颜色] 就会有一个对话框弹出,在右侧就可以看到[红绿蓝] 选择想要的颜色,就可以看到颜色代码了 在qq对话框中也可以看到类似的颜色编辑区 点击[字体] 然后点击红框内的图标 点击[规定自定义颜色] 就可以看到和刚才一样的颜色编辑区了,记下颜色数值,输入到[FontColor]就可以了 9注意:每个数值间有逗号分开,那个逗号一定要是半角的,

JavaScript 颜色梯度和渐变效果

序二(09/11/1) 近来看了Dean的"Convert any colour value to hex in MSIE",终于解决了根据关键字获取颜色rgb值的问题. 顺便把程序也重新整理一番,并使用了最近整理的工具库. 序一(09/03/11) 很久没写blog,太忙了.没什么时间写复杂的东西,重新把颜色渐变效果写一遍. 关于颜色的效果一般就两个,颜色梯度变化和颜色动态渐变,前者在ie中一般用滤镜实现. 效果预览 颜色梯度变化演示: 简单的颜色拾取器(点击修改梯度演示颜色): 

利用Dreamweaver插件改变IE浏览器滚动条

dreamweaver|浏览器 做网页,常常觉得IE浏览器的滚动条与设计的网页不一致,就像好好的一锅汤,不小心掉了老鼠屎进去一样,严重影响了网页整体的美观.想尽办法去处理,却不尽人意,比如用弹出窗口,免不了造成浏览都点击放大按钮的麻烦,把滚动条去掉,可是它不适用于一屏显示不了的网页. 现在好了,这样的问题已经从一定的程度上得到了解决!让人讨厌的微软,做尽不少垄断事情的微软,还是从客户方向考虑增强软件的功能的,IE浏览器5.5以上版本已经允许人们设置样式表来改变滚动条的外观.来看看效果吧 现在我们

Photoshop新手教程:简单制作洒水的杯子效果

这是一张打翻杯子的图片,可以在这里下载 现在想要加入水,打造一种水流出的效果. 步骤1:用画笔工具画出形状 创建新图层,用画笔工具画出液体基本形状. 需要圆润一点,画点时间去修饰吧. 使用硬边缘笔刷,在杯子中和杯口附近画出液体形状,颜色#848484 步骤2:使用减淡工具 减淡工具可以减淡图像色彩,可以用作为形状的高光 减淡工具设置: 大小:45px 范围: 阴影 曝光度: 20%. 此步结果 步骤3:使用加深工具 加深工具可以加深色彩,可以给形状加入阴影.设置参数如下: 大小: 35px 范围

CSS滤镜之Shadow属性

ado|css|滤镜 Shadow属性可以在指定的方向建立物体的投影.它的表达式是这样的: Filter:Shadow(Color=color,Direction=direction) 在这里,Shadow有两个参数值:Color参数用来指定投影的颜色:Direction参数用来指定投影的方向. 这里说的方向与我们在第二节Blur属性中提到的"方向与角度的关系"是一样的. 也许您会问,前面讲到的Dropshadow属性和Shadow属性有什么不同吗? 光说的话,您恐怕还难以理解,让我们

CSS滤镜:Shadow属性

ado|css|滤镜 Shadow属性可以在指定的方向建立物体的投影.它的表达式是这样的: Filter:Shadow(Color=color,Direction=direction) 在这里,Shadow有两个参数值:Color参数用来指定投影的颜色:Direction参数用来指定投影的方向. 这里说的方向与我们在第二节Blur属性中提到的"方向与角度的关系"是一样的. 也许您会问,前面讲到的Dropshadow属性和Shadow属性有什么不同吗? 光说的话,您恐怕还难以理解,让我们

Photoshop简单制作娱乐场所的霓虹灯文字

本教程介绍霓虹字的制作方法.大致过程:打上文字后用图层样式做出简单的发光字效果,然后添加一些灯泡等素材装饰在文字中间,再渲染一下颜色即可.最终效果 1.打开Photoshop,创建一个新文档,大小是 1113x1440像素,黑色背景.然后竖向添加一个文本. 2.选择文字层,去 "图层>图层样式>投影.使用下面的阴影值.随后设置其他数值,参照下面这些图. 颜色值是#b2355b. 下面的颜色数值是#6f0022. 3.要创建灯光效果,我们从其他的图上复制一个光点来做灯泡.我用的图像你可

Fireworks 8 寻梦之旅(5):菜单新变化

菜单 上一节:Fireworks 8 寻梦之旅(4):其他面板 第二部分:菜单部分 在 Fireworks 8 里面,对于菜单这一块儿的改进有一些,应该说有些命令在实际使用中还是会发挥很重要的作用的.在这一部分,我们重点介绍其中几个值得我们关注的菜单变化,对于一些小细节的变化,我们就不在这里做介绍了. 一.菜单"编辑|插入|多边形切片"命令  Fireworks 系列中一贯保持的菜单"编辑|插入|切片"命令,在 Fireworks 8 中,为菜单"编辑|插