添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

SVG剪裁路径遮罩动画切换jQuery幻灯片

时间:2016-06-19      来源:互联网     
特效说明:
一款SVG剪裁路径遮罩动画切换jQuery幻灯片下载,该JS特效是一款基于SVG、clipPath和mask遮罩元素实现的动画背景切换幻灯片特效。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE9、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css">

2、调用JS插件代码:
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/snap.svg-min.js"></script>
<script src="js/main.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • SVG制作旋转地图动画

    SVG制作旋转地图动画

    一款SVG制作旋转地图动画免费下载,该SVG地球特效自适应兼容主流浏览器。……
    2016-12-01
  • SVG酷炫响应式图片翻页切换特效

    SVG酷炫响应式图片翻页切换特效

    一款酷炫响应式图片翻页切换特效源码下载、该特效基于HTML5+SVG制作,兼容PC端、Pad端、移动端图文相册展示。……
    2016-08-16
  • SVG爆裂式页面弹出窗口特效

    SVG爆裂式页面弹出窗口特效

    一款SVG爆裂式页面弹出窗口特效源码下载,该SVG特效实现了点击按钮后爆裂式动画弹出页面窗口效果代码,本段代码兼容目前最新主流浏览器,是一款非常优秀的特效源码。……
    2016-06-28
  • 8款CSS3鼠标滑过图片动画效果

    8款CSS3鼠标滑过图片动画效果

    8款CSS3鼠标滑过图片动画效果下载,该图文特效基于纯CSS3编写,鼠标悬停图片以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。……
    2016-06-28
  • 基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效

    基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效

    一款基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效,该网页特效当用户点击弹出层关闭按钮时,就像一颗子弹击中弹出层关闭按钮,然后登录框从按钮处断裂,下落并消失,整个效果超炫酷。……
    2016-06-25
  • HTML5+SVG制作卡通动画萌宠源码

    HTML5+SVG制作卡通动画萌宠源码

    HTML5+SVG制作卡通动画萌宠源码下载,该HTML5+CSS3特效包括两个动物动画特效,一个是雪中的哈士奇,一个是森林中的狐狸。……
    2016-06-24
  • CSS3+SVG制作动画旋转边框特效

    CSS3+SVG制作动画旋转边框特效

    一款CSS3+SVG制作动画旋转边框特效免费下载,该特效基于CSS3动画属性translate属性以及SVG标签实现HTML5网页动画边框效果,适用于H5网页制作特效。……
    2016-05-29
  • HTML5+svg手机图标菜单动画切换特效

    HTML5+svg手机图标菜单动画切换特效

    HTML5+svg手机图标菜单动画切换特效下载,该HTML5特效代码是一款适合移动端、手机端展开/收缩导航菜单特效。……
    2016-05-22
  • SVG轻量级JS圆形进度条代码

    SVG轻量级JS圆形进度条代码

    一款SVG轻量级JS圆形进度条代码下载,该SVG代码是一款基于HTML5+SVG实现的圆形动画进度条circles.min.js插件。……
    2016-05-22
  • jQuery鼠标滑过图片遮罩动画sliphover.js插件

    jQuery鼠标滑过图片遮罩动画sliphover.js插件

    一款jQuery鼠标滑过图片遮罩显示特效下载,该jquery.sliphover.min.js插件是遮罩层随鼠标移动方向动画显示内容特效代码。……
    2016-05-22

最新更新特效

设计分享