火狐中的 text-shadow实现投影 模糊效果
有4个参数
颜色类型的将指定 颜色
后面3个均为长度类型,分别指投影x方向偏离距离,y方向偏离距离,模糊效果的作用距离
实例:text-shadow:#FFFFFF 0px 0px 2px;
效果:
而且可以使用多个text-shadow效果,分别使用“,”隔开
实例:text-shadow:yellow 0px 0px 20px,orange 0px 0px 10px ,red 5px -5px;
效果:
要想在IE中实现,就只有使用IE的专用滤镜(filter)了
第一个实例中,很像IE的发光(glow)滤镜
再看glow的参数,有两个
参数一为颜色类型指定发光颜色,参数二为长度指定发光的作用范围
而text-shadow的发光其实是模糊造成的,也就是说
text-shadow的光有渐变效果,在作用距离内是由强到弱,再到消失
glow是实的,超出作用距离,直接就没了
通过实验证明glow不能产生text-shadow的效果
看下投影(shadow)滤镜
参数一为颜色类型指定投影颜色,参数二为投影方向0-315度,步长为45度(共一周)
这个滤镜可以实现
text-shadow 只指定参数 颜色、x方向偏离距离和y方向偏离距离产生 的效果
看模糊(blur)滤镜
参数一指定是否使用模糊,参数二为模糊方向0-315度,步长为45度(共一周),参数三是模糊程度
这个滤镜可以实现
text-shadow 只指定x方向偏离距离、y方向偏离距离产生的效果和模糊效果的作用距离 的效果
不有一个投射阴影(DropShadow)滤镜,希望就在它身上了
看看参数:
filter: DropShadow(Color=#FFFFFF, OffX=2, OffY=2, Positive=1);
真多,4个呢
Color依旧颜色
OffX和OffY分别指定x方向偏离距离、y方向偏离距离
Positive为布尔值可为true(非0)或false(0)指定是否为非透明像素建立可见的投影,一般选true(或1)
它也只能实现
text-shadow 只指定颜色、x方向偏离距离、y方向偏离距离产生 的效果
失望ing
如果IE可以为同一个样式定义多个滤镜效果,就可以实现了
以上完全是我的个人见解,你可以根据你所使用text-shadow的效果从中选取滤镜
使用的时候直接在CSS里定义就可以了
text-shadow:#FF0000 0px 0px 10px;/*IE不识别text-shadow所以被忽略*/ filter: DropShadow(Color=#FFFFFF, OffX=2, OffY=2, Positive=0);/*FF不识别filter所以被忽略*/
<div style="float:left" id="div1"></div><div id="div2"></div>这样子写就行了!
Hostkey.com成立于2007年的荷兰公司,主要运营服务器出租与托管,其次是VPS、域名、域名证书,各种软件授权等。hostkey当前运作荷兰阿姆斯特丹、俄罗斯莫斯科、美国纽约等数据中心。支持Paypal,信用卡,Webmoney,以及支付宝等付款方式。禁止VPN,代理,Tor,网络诈骗,儿童色情,Spam,网络扫描,俄罗斯色情,俄罗斯电影,俄罗斯MP3,俄罗斯Trackers,以及俄罗斯法...
HostKvm商家我们也不用多介绍,这个服务商来自国内某商家,旗下也有多个品牌的,每次看到推送信息都是几个服务商品牌一起推送的。当然商家还是比较稳定的,商家品牌比较多,这也是国内商家一贯的做法,这样广撒网。这次看到黑五优惠活动发布了,针对其主打的香港云服务器提供终身6折的优惠,其余机房服务器依然是8折,另还有充值50美元赠送5美元的优惠活动,有需要的可以看看。HostKvm是一个创建于2013年的...
TmhHost 商家是一家成立于2019年的国人主机品牌。目前主营的是美国VPS以及美国、香港、韩国、菲律宾的独立服务器等,其中VPS业务涵盖香港CN2、香港NTT、美国CN2回程高防、美国CN2 GIA、日本软银、韩国cn2等,均为亚太中国直连优质线路,TmhHost提供全中文界面,支持支付宝付款。 TmhHost黑五优惠活动发布了,全场云服务器、独立服务器提供8折,另有充值返现、特价服务器促销...