<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="/jscss/demoimg/wall_s7.jpg" id="picID" width="140">
<img src="/jscss/demoimg/wall_s7.jpg" id="picID2" width="140">
</body>
</html>
css+JavaScript实现水中倒影效果
最新推荐文章于 2025-09-04 15:39:56 发布
本文介绍了一种使用HTML和CSS创建水中倒影效果的方法。通过调整图片的位置和应用滤镜效果，可以实现出逼真的倒影效果。此技术适用于网页设计中需要添加视觉吸引力的场景。
扫一扫
712
到【灌水乐园】发言
