首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> CSS滤镜示范(filter)附源代码(静态滤镜)
CSS样式表
CSS Sprites 技术分析
csdn 博客的 css样式 v5
CSS 实例实现清除浮动
CSS Sprites 圆角制作教程
关于css @import url()总结
一个非常精典的纯CSS漫画,登峰造极.
css 背景透明 实现代码
css 横排 实现代码
CSS 像素图制作攻略
CSS 实现绝对底部一个完美解决方案
CSS 代码质量提高的10条实用技巧
CSS 扑克牌效果实现代码
margin 负值引起的层级(z-index)问题
关于Firefox下截取后省略号的问题
14个华丽的javascript图表资源和插件
IE img多余5像素空白解决方法
css 不同媒介的显示样式控制方式
打印网页中不打印页面中的某些内容
CSS Sprites 图片整合技术分析
文字超过宽度显示省略号(无js全兼容)
No.
«
‹
76
77
78
79
›
»
技术文章搜索
关键字
CSS样式表 中的 CSS滤镜示范(filter)附源代码(静态滤镜)
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-09-12
浏览: 132 ::
收藏到网摘: 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
登陆
还没注册?