CSS3 animation-- 用animate.css重写一个带有回弹效果的模态对话框(2)
2016-09-14 17:49
761 查看
animate.css提供了一个非常炫酷的bounceInDown的效果
比我之前自己写的要好很多,动画很精细
比我之前自己写的要好很多,动画很精细
@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } }
相关文章推荐
- CSS3 animation-- 写一个带有回弹效果的模态对话框----1
- CSS3动画效果-animate.css
- 前端动画大全:css的transition、css3的animation、Jquery的animate、js的setInterval
- animate.css 一些常用的CSS3动画效果
- 制作微信单页,全屏浏览,网站动画,CSS3动画,animate.css是一个不错的选择
- CSS3动画效果-animate.css
- css3 | 中的animation/@keyframes xz动画效果-如何使用纯css实现动画效果? 用法:animation:xz 3s 2 4s alternate; 参数:animati
- CSS3中Animation为同一个元素添加多个动画效果
- 分享一个Css3效果---无比惊艳的全屏图片切换效果(Css浏览器Only)
- animate.css 一些常用的CSS3动画效果
- 输出带有是/否的对话框,实现效果是:点击是,继续添加内容,点击否,返回自己定义的页面
- 记录一个jq插件 提供模态对话框
- 一个导航条的效果DIV+CSS
- div对话框,js+div+css实现好看的提示框效果
- 一个 JS 写的 Table 自增/减行例子,和一个模态对话框传值例子的源代码
- 建立一个模态对话框(MFC)
- 纯CSS代码实现各类气球泡泡对话框效果
- 使用div作出一个模态框的效果
- 鼠标放上去图片放大的一个效果(css)
- 模态对话框问题:父窗口打开一个模态子窗口后,子窗口的form提交给自己,弹出新窗口