Css滤镜结合JS实现完美的图片水纹倒影

发布时间：2018-08-23 06:16:40 所属栏目：编程来源：站长网

导读：Css滤镜结合JS实现完美的图片水纹倒影，用CSS的filter:wave来设置倒影的大小以及轻重,然后用页面脚本去控制网页加载完成始载入本函数,图片的大小也跟倒影效果有影响,仔细研究研究,再不断的修改修改代码,你还会发现一些更有趣的效果. 效果演示： htmlheadti

　　Css滤镜结合JS实现完美的图片水纹倒影，用CSS的filter:wave来设置倒影的大小以及轻重,然后用页面脚本去控制网页加载完成始载入本函数,图片的大小也跟倒影效果有影响,仔细研究研究,再不断的修改修改代码,你还会发现一些更有趣的效果.

　　效果演示：

<html> <head> <title>水中倒影效果</title> <style type="text/css"> #picID2{ position:absolute;top=120;left=10; filter:wave(strength=3,freq=3,phase=0,lightstrength=30)blur()flipv() } </style> </head> <body onLoad="setInterval('picID2.filters.wave.phase+=10',140)"> <img src="/uploads/common/images/p7.jpg" id="picID" width="140"> <img src="/uploads/common/images/p7.jpg" id="picID2" width="140"> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

把not in 更换成not e	mydumper工具运用介绍
别花冤枉钱买专栏了！	Mysql索引类型创建错误