首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> CSS滤镜示范(filter)附源代码(静态滤镜)
CSS样式表
base href 使用方法详解
html label标签的使用教程
使用CSS不用程序实现文字自动截断 用省略号代替
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
CSS图片拼合生成器只需上传zip包即可
用iframe margin实现调用其他网页的某一区域的方法
用css alpha 滤镜 实现input file 样式美化代码
RGB 加成色 说明
为了防止乱码,请将用于页面编码的meta charset放到title的前面
DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
大家看了就明白了css样式中类class与标识id选择符的区别小结
DL.DT.DD实现左右的布局简单例子
css布局网页水平居中常用方法
使用CSS框架布局的缺点和优点小结
Web2.0下XHTML+CSS 设计需要注意的地方小结
table高级应用把表格进行到底(必看)
css强制换行 css强制不换行的css方法
Div CSS absolute与relative的区别小结
css实现文字垂直居中的代码
No.
«
‹
42
43
44
45
›
»
技术文章搜索
关键字
CSS样式表 中的 CSS滤镜示范(filter)附源代码(静态滤镜)
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-09-12
浏览: 143 ::
收藏到网摘: n/a
保存几个不错的css特效字
CSS实现表格的背景两色渐变
点击运行可以看到效果:
filter(css滤镜)
filter视觉滤镜的种类
Alpha(透明度)
Blur(模糊)
Chroma(指定颜色透明)
DropShadow(不透明阴影)
FlipH&FlipV(翻转)
Glow(边缘光晕)
Gray(去色)
Invert(底片效果)
Mask(遮照效果)
filter:Shadow(影子)
Wave(波浪)
Xray(轮廓加亮)
Alpha:
原始图片
开始透明度(opacity):100 结束透明度(finishopacity):0 开始位置(startX,startY):(0,0) 结束位置(finishX,finishY):(50,50)
开始透明度(opacity):70 结束透明度(finishopacity):20 开始位置(startX,startY):(0,0) 结束位置(finishX,finishY):(50,50)
Blur:
原始图片
显示原来的图片,且以270度的方向模糊20px
不显示原来的图片,且以90度方向模糊20px
Chroma
原始图片
Chroma指定的字体颜色(我是CCHXP)变为透明
DropShadow
原始图片
设置阴影颜色为淡绿色,往右移5px,往下移5px,且阴影呈不透明的效果。
设置阴影颜色为粉红色,往左移5px,往上移5px,且阴影呈不透明的效果。
FlipH&FlipV
原始图片
设置图片水平翻转FlipH
设置图片垂直翻转FlipV
Glow
原始图片
设置图片光晕颜色为黄色,强度为10
设置图片光晕颜色为红色,强度为20
Gray
原始图片
将图片的颜色去除,以达到灰色效果
Invert
原始图片
设置图片颜色呈底片效果
Mask
原始图片
设置图片的屏蔽颜色为蓝色
Shadow
原始图片
设置图片阴影颜色为绿色,往225度方向
设置图片阴影颜色为红色,往135度方向
Wave
原始图片
不显示原始图片,有5个振幅为20象素的波浪,其光的强度为30,波浪其始位置为50
显示原始图片,有3个振幅为50象素的波浪,其光的强度为50,波浪起始位置为100
Xray
原始图片
X光照片的效果
Gray&Invert&Xray比较
原始图片
Gray效果
Invert效果
Xray效果
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
保存几个不错的css特效字
CSS实现表格的背景两色渐变
评论 (0)
All
登陆
还没注册?