JS代码实现图片变形效果

2012/11/7 18:52:18作者：佚名来源：网络

移动端

【实例名称】

JS代码实现图片变形效果

【实例描述】

在网页中可以通过CSS滤镜改变图片的显示方式。本例学习如何实现图片的变形效果。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页-学无忧（www.xue51.com）</title>
</head>
<body>
    <p><font face="Arial" color="#008080">
    <div><p align="center">
    <img  style="filter:wave(add=0,freq=1,lightStrength=20,
phase=50,strength=20)" src="LOGO1.gif" width="160" height="103"> 
    </p>    </div>    </font>
    <p align="center">这是图片的变形效果</p></font>
</body>
</html>

 
【运行效果】

图片变形效果运行效果