首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> CSS滤镜示范(filter)附源代码(静态滤镜)
CSS样式表
CSS样式表规划与管理的经验总结
3个效果超酷的FORM表单美化效果 打包下载
创建IE各版本专属CSS IE中的if语句
不错的10个你未必知道的CSS技巧
一点小小的创意css鼠标放上去则显示电话号码
淘宝段正淳的css笔记大全
CSS实现的一个图片放大展示的一种思路
又一实用的常用CSS缩写语法收集
对于IE7、FF、OP清除浮动的最优方法
多浏览器下IE6 IE7 firefox li 间距问题
input文本框样式代码实例
div+css实现自适应宽度按钮
h1标签的使用技巧
用margin和overflow属性实现div间距的方法
非常漂亮的css星级效果总结
使用CSS解决文字环绕图片问题的代码
css利用A标签的背景可能作出很有意思的效果
写CSS_关于Border你可能需要注意的地方
不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
页面布局黄金比例[图片]
No.
«
‹
87
88
89
90
›
»
技术文章搜索
关键字
CSS样式表 中的 CSS滤镜示范(filter)附源代码(静态滤镜)
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-09-12
浏览: 124 ::
收藏到网摘: 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
登陆
还没注册?