html5 svg动感摇摆页面切换效果

当前位置:主页 > Html5库 > HTML5动画 > html5 svg动感摇摆页面切换效果
html5 svg动感摇摆页面切换效果
分享:

    插件介绍

    这是一款使用Snap.svg和svg路径变形制作html5页面切换效果。这款html5页面切换效果在页面切换的时候svg线条不断的摇摆,炫酷动感十足。

    浏览器兼容性

    浏览器兼容性
    时间:11-03
    阅读:

简要教程

这款html5页面切换效果十分有创意,这个效果同样可以用于做全屏幻灯片。这个效果通过Snap.svg和svgs来模拟一种动感十足,非常有弹性的边框摇摆效果。

HTML

<div id="slideshow" class="slideshow">
  <ul>
    <li>
      <div class="slide">
        <!-- ... -->
      </div>
    </li>
    <li><!-- ... --></li>
    <li><!-- ... --></li>
    <!-- ... -->
  </ul>
</div>
              

更详细的教程请参看《