首页 > 特效插件 > 图像特效 >  拖拽撕裂布的html5特效正文

拖拽撕裂布的html5特效

特效介绍
html5撕裂效果

        拖拽撕裂布的html5特效,首次打开,将鼠标移动到布上,按住鼠标拖拽,然后再把鼠标移上去,就会发现,布会“排斥”鼠标,用鼠标飞快的划过布,就会把布撕裂。该效果非常好的模拟了重力效果、布的柔软特性,效果非常逼真。
使用方法
1、在head引入下面的代码:
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
2、在body引入下面的代码:
<canvas id="c"></canvas>
<script src="js/index.js"></script>