Animate.css_动画插件
来源:互联网 发布:mac可以装谷歌浏览器吗 编辑:程序博客网 时间:2024/06/15 19:12
下载插件:animate下载
1. 页面引入插件
在你的index.html页面中引入这两个文件
- 1
- 2
2.写js代码
在js中写下面这句:
- 1
- 2
- 3
- 4
3. 在html页面中添加动画
在index.html页面中找到需要添加动画效果的对象。如果是一大块内容,就直接找最靠近它并且包围它的大盒子,给盒子添加类:class="wow 动画效果"
,具体参考下面代码:
bounce是动画效果,根据自己需要添加效果,参考:animate.css各种动画效果
- 1
- 2
- 3
属性:
data-wow-duration=”2s” 即:动画用2秒钟执行完。
data-wow-delay=”5s” 即:动画延迟5秒执行。
data-wow-offset=”10” 即: 距离可视区多远开始执行动画。
data-wow-iteration=”10” 即:重复次数。
阅读全文
0 0
- Animate.css_动画插件
- Animate.css_动画学习之Animate.css的使用与解析
- 动画插件—animate.css
- 动画Animate
- jQuery Color Animate (jQuery 颜色变换动画) 插件
- 基于animate.css的jQuery文字动画插件
- sublime text css动画插件-Animate.css-Snippets
- 基于Animate.css的jQuery动画特效插件
- jQuery/CSS3炫酷动画效果插件 animate
- jquery animate实现动画
- jquery自定义动画-animate()
- jQ animate队列动画
- jquery自定义动画animate()
- jquery自定义动画animate()
- jQuery 动画 - animate() 方法
- jQuery animate 动画效果
- animate.css 动画制作
- 【code】animate综合动画
- python编程中的if __name__ == 'main' 的作用和原理
- 【更新】四种WinRAR永久去广告方法
- 今天周五,我要赶紧敲完代码
- 151. Reverse Words in a String
- BZOJ 4555 求和(生成函数+FFT)
- Animate.css_动画插件
- File类结构解析
- LeetCode Reverse Integer
- node exports 和 module.exports 的区别
- 流读取本地Excel
- 第三章:stm32新建工程及配置
- 如何改变Redis用不好的误区
- 在golang中使用PBC密码库
- Wannafly挑战赛6 B比赛【暴力枚举】