css静态滤镜

更新时间：2006年07月18日 00:00:00 作者：

很无聊的把n个滤镜堆在一起就成了下面这个效果，呵呵
IE5.5+ Only

<style> #pp00 {     width:950px;     height:256px;     position:absolute;     left:10px;     top:0px;     background-color:#000060;     font-size:256px; } #pp01 {     width:0px;     height:256px;     background-color:red;     position:absolute;     left:10px;     top:0px;     filter:Alpha(style=1,opacity=30,finishOpacity=70,startY=0,finishY=256); } #pp02 {     width:960px;     height:256px;     letter-spacing:-30px;     background-color:white;     color:black;     position:absolute;     left:0px;     top:0px;     filter:Chroma(color=#000000) Glow(color=gold,strength=3) DropShadow(color=#0000F0,offX=-3,offY=-3,positive=true) Blur(Enabled=false,makeShadow=true,pixelRadius=1.0) Wave(add=false,freq=0,strength=5,lightStrength=8,phase=100);     font-size:256px;     font-weight:bold; } #pp03 {     position:absolute;     left:30px;     top:320px; } </style> <div id="pp00"> <div id="pp01"></div> <div id="pp02">诘屈聱牙</div> </div> <div id="pp03"> <input type=checkbox value="0" onpropertychange="pp02.filters[value].enabled=checked;" checked>Chorma <input type=checkbox value="1" onpropertychange="pp02.filters[value].enabled=checked;" checked>Glow <input type=checkbox value="2" onpropertychange="pp02.filters[value].enabled=checked;" checked>DropShadow <input type=checkbox value="3" onpropertychange="pp02.filters[value].enabled=checked;" >Blur <input type=checkbox value="4" onpropertychange="pp02.filters[value].enabled=checked;" checked>Wave </div> <script> function doL(){     l=pp01.offsetWidth;     l=(l>pp01.parentNode.offsetWidth-20)?0:l+2;     pp01.style.width=l; } setInterval(doL,20) </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

css静态滤镜

相关文章

CSS使用心得体会
CSS使用心得体会...
2006-09-09
CSS定义通用透明效果
CSS定义通用透明效果...
2006-09-09
W3C标准：实时切换CSS样式
W3C标准：实时切换CSS样式...
2006-09-09
CSS滤镜示范(filter)附源代码(静态滤镜)
CSS滤镜示范(filter)附源代码(静态滤镜)...
2006-08-08
WEB标准字体常规定义
WEB标准字体常规定义...
2006-09-09
解析原生JS getComputedStyle
今天要讲的window.getComputedStyle ，就像刚接触JS的时候，看到 document.getElementById一样，名字都这么长，顿生怯意。不过莫慌，我觉得如果我们不是只想做一个混饭吃的前端，那么越是底层的东西，如果能够吃透它，越是能让人进步。
2021-05-05
expression将JS、Css结合起来
expression将JS、Css结合起来...
2006-09-09
详解CSS玩转图片Base64编码
图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的base64编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的base64编码。希望通过一些浅显的论述，让你知道什么是图片的base64 编码，并让你懂得如何去在前端的实际工作中运用它。
2021-05-05
自定义容器和字体大小
自定义容器和字体大小...
2006-07-07
最基本的几种 CSS 文字滤镜效果
最基本的几种 CSS 文字滤镜效果...
2006-08-08

最新评论