当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 精通 CSS 滤镜(五)

HTML/XHTML教程
Web浏览器模式的选择机制
XHTML+CSS建站如何调用样式表
HTML5和CSS3新的WEB标准和浏览器支持
HTML代码:网页头部代码全清楚
网页制作:HTML代码编写的30条技巧
HTML教程:link标记的rel属性
网页设计参考:firefox的默认样式
网页设计初学者必看的30个网页制作秘笈
网页制作推荐使用的XHTML标记
网页HTML代码讲解:有序列表和无序列表
IE8开发人员工具的菜单讲解
提高用户体验与新窗口打开网页的关系
解决IE支持HTML5的问题
了解如何减少 reflow 次数
平面设计理论:创造视觉冲击力作品
网页HTML 有序列表ol 和无序列表 ul
HTML Frameset 例子代码
让输入框关闭自动完成(AutoComplete)功能
IE支持HTML5的解决方法
基础 HTML之目录问题(相对路径和绝对路径区别)

HTML/XHTML教程 中的 精通 CSS 滤镜(五)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 90 ::
收藏到网摘: n/a

 

    上几次给大家具体讲了语法,下面我们来看几个生动的例子!下面这个程序是用light滤镜模拟雷达屏幕,并且有一架飞机被发现。当然编这个程序要对script 比较熟悉,还要知道lighy滤镜的属性和方法。

    1、雷达屏幕

    在这漆黑的夜里,英雄,你能看到你的美女在哪里吗?什么样子看的清吗,她的那颗炽热跳动的心你能感觉到吗? 可以说本页效果需要一定的JAVASCRIPT基础,属于CSS和JAVASCRIPT的高级运用。

    2、动态光源演示-英雄救美女

    3、Glow滤镜