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

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

时间:2016-06-25      来源:互联网     
特效说明:
一款基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效,该网页特效当用户点击弹出层关闭按钮时,就像一颗子弹击中弹出层关闭按钮,然后登录框从按钮处断裂,下落并消失,整个效果超炫酷。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
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>之间。
相关特效
  • 15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码源码下载,该CSS3+animation效果是一款使用CSS3-animation动画来制作,这些动画均由线条和文字组成,效果非常炫酷。……
    2016-06-25
  • SVG剪裁路径遮罩动画切换jQuery幻灯片

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

    一款SVG剪裁路径遮罩动画切换jQuery幻灯片下载,该JS特效是一款基于SVG、clipPath和mask遮罩元素实现的动画背景切换幻灯片特效。……
    2016-06-19
  • CSS3 animate制作纸牌翻转效果

    CSS3 animate制作纸牌翻转效果

    一款CSS3 animate制作纸牌翻转效果网页特效,该特效通过点击图片实现2张图片动画旋转切换。……
    2016-06-12
  • CSS3鼠标悬停图片动画显示简介特效

    CSS3鼠标悬停图片动画显示简介特效

    一款CSS3鼠标悬停图片动画显示简介特效下载,该CSS3特效基于transform、scale3d实现的鼠标滑过图片动画放大、渐变出现文字描述图文特效。……
    2016-05-22
  • CSS3响应式世界地图热点击动画显示详情

    CSS3响应式世界地图热点击动画显示详情

    一款纯CSS3实现世界地图热点击动画显示详情特效,点击标注点即可在页面上弹出一个文字提示框,用来说明该标注点在地图上的详细信息,如果你需要有一款带标注功能的地图应用,那么这款……
    2016-05-22
  • CSS鼠标悬停文字上下左右居中动画放大特效

    CSS鼠标悬停文字上下左右居中动画放大特效

    一款CSS鼠标悬停文字上下左右居中动画放大特效免费下载,该CSS3特效基于动画属性transtion、tranform等属性制作动画放大效果。……
    2016-05-22
  • 轻量级CSS3立体式3D旋转动画效果

    轻量级CSS3立体式3D旋转动画效果

    一款轻量级CSS3立体式3D旋转动画效果下载,非常简洁好看的纯CSS3旋转效果,当鼠标移动到图片上后,会立体式翻转显示隐藏的文字内容 鼠标移走后旋转返回初始状态。……
    2016-05-22
  • HTML5+svg手机图标菜单动画切换特效

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

    HTML5+svg手机图标菜单动画切换特效下载,该HTML5特效代码是一款适合移动端、手机端展开/收缩导航菜单特效。……
    2016-05-22
  • 纯CSS3鼠标滑过动画按钮特效

    纯CSS3鼠标滑过动画按钮特效

    一款纯CSS3鼠标滑过动画按钮特效下载,该CSS3特效代码是一款基于CSS3 transition属性实现的按钮动画特效,酷炫网页制作必备代码素材。……
    2016-05-22
  • 纯CSS3鼠标悬停图文动画显示特效

    纯CSS3鼠标悬停图文动画显示特效

    纯CSS3鼠标悬停图文动画显示网页特效免费下载,该CSS3特效是基于属性transition实现鼠标悬停在图片上动画显示文字描述CSS3特效代码。……
    2016-05-22



最新更新特效

设计分享