嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300
本次赞助数额为： 2 元微信扫码支付：2 元
请留下您的邮箱，我们将在2小时内将文件发到您的邮箱
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
<title>SVG CSS3实现背景图片镜面水流特效动画</title>
<meta name="keywords" content="SVG,CSS3实现,背景图片,镜面水流,特效动画">
<meta name="description" content="SVG CSS3实现背景图片镜面水流特效动画。">
<meta name="author" content="js代码(www.jsdaima.com)">
<meta name="copyright" content="js代码(www.jsdaima.com)">
<!--<script type="text/javascript" src="protect.js"></script>-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<svg width="0" height="0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<filter id="water">
<feTurbulence type="fractalNoise" baseFrequency=".05 .05" numOctaves="1" result="noise1"></feTurbulence>
<feColorMatrix in="noise1" type="hueRotate" values="0" result="noise2">
<animate attributeName="values" from="0" to="360" dur="1s" repeatCount="indefinite"></animate>
</feColorMatrix>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="7" in="SourceGraphic" in2="noise2"></feDisplacementMap>
</filter>
</svg>
<img src="hawaii-water-small.jpg" alt="Hawaiian water crashes against the rocks">
</body></html>