基于SVG超炫爆裂式关闭模态窗口特效

当前位置:主页 > Html5库 > SVG > 基于SVG超炫爆裂式关闭模态窗口特效
基于SVG超炫爆裂式关闭模态窗口特效
分享:

    插件介绍

    这是一款使用SVG和CSS3动画制作的超炫爆裂式模态窗口关闭特效。当用户点击模态窗口的关闭按钮时,就像一颗子弹击中模态窗口的关闭按钮,然后模态窗口从按钮处断裂,下落并消失,整个效果超炫酷。

    浏览器兼容性

    浏览器兼容性
    时间:2016-03-23
    阅读:
麦子学院
简要教程

这是一款使用SVGCSS3动画制作的超炫爆裂式模态窗口关闭特效。当用户点击模态窗口的关闭按钮时,就像一颗子弹击中模态窗口的关闭按钮,然后模态窗口从按钮处断裂,下落并消失,整个效果超炫酷。

使用方法

要使用该爆裂式关闭模态窗口特效,需要在页面中引入jquery、howler.min.js、tween.min_1.js和html2canvas.js文件以及效果所需的样式文件style.css。

<link rel="stylesheet" href="css/style.css">                
<script src='js/jquery.min.js'></script>
<script src='js/howler.min.js'></script>
<script src='js/tween.min_1.js'></script>
<script src='js/html2canvas.js'></script>                  
                

该爆裂式模态窗口关闭特效的具体实现代码请参考下载文件,下面是该特效的一些屏幕截图效果:

爆裂式模态窗口关闭特效-1

爆裂式模态窗口关闭特效-2

爆裂式模态窗口关闭特效-3

该特效的作者是:legomushroom

网友评论