好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML5SVG响应式路径过渡动画幻灯片特效

简要教程
  这是一款基于HTML5 SVG制作的路径过渡动画幻灯片特效。该幻灯片特效使用SVG路径来剪裁幻灯片中的图片,制作出幻灯片切换时不规则的图形变换效果。

查看演示 下载插件   使用方法
  HTML结构
  该幻灯片特效的HTML结构由包含幻灯片的无序列表ul.cd-slider和两个作为导航的有序列表元素ul.cd-slider-navigation和ol.cd-slider-controls组成。

  在ul.cd-slider元素中列表项由一个SVG 元素(用于改变图片的裁剪区域)和一个 元素组成。






Aimated SVG








查看更多关于HTML5SVG响应式路径过渡动画幻灯片特效的详细内容...

  阅读:63次