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

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

演示地址  下载源码

特效说明:      

一款基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效,该网页特效当用户点击弹出层关闭按钮时,就像一颗子弹击中弹出层关闭按钮,然后登录框从按钮处断裂,下落并消失,整个效果超炫酷。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器) 

浏览器兼容

ie.pngchrome.pngfirefox.pngopera.pngSafari
IE10+ChromeFirefoxOperaSafari

使用方法:

1、调用CSS样式:

<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
<link rel="stylesheet" href="css/style.css">

2、调用JS插件代码:

<script src="js/jquery-2.1.1.min.js"></script>
<script src='js/howler.min.js'></script>
<script src='js/tween.min_1.js'></script>
<script src='js/html2canvas.js'></script>
<script src="js/index.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。        


原文链接:HelloWeb前端网 » 基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效 » 感谢您的浏览,希望能有所帮助。

欢迎您加入“Helloweb” 学习交流群:HelloWeb-学习交流群 196291215 共同交流并结识同行,在这里说出您的收获与感想或有什么不同的观点,我们期待您的留言,分享,让我们一起进步!

喜欢 ()or分享