本文主要包含Animate.css等相关知识,佚名 希望在学习及工作中可以帮助到您
通常情况下如果需要生成web动画效果的话,我们肯定会考虑使用一些类库或者jQuery的animate方法,那么有什么方便的方法来快速实现动画效果呢?
在今天的这篇文章中,我们将介绍一个超棒的CSS动画实现方式 - Animate.css。这套CSS动画是由来自Manchester, UK的设计师Dan Eden开发和设计的。使用它能够很方便的给你的页面元素添加动画效果
Animate.css在线演示 http://demo.jb51.net/js/2012/Animatecss/
Animate.css下载地址 http://www.jb51.net/jiaoben/62726.html
如何使用?
使用非常简单,首先下载需要的css文件,你可以在下载地址上选择下载全部css,或者使用在线的Create custom build来生成自定义的css。
下载后将animate.css样式表引入你调用的HTML文件即可,如下:
这里我们使用jQuery和animate.css开发一个简单的小游戏,你需要在指定的时间内将汽车挪出铁箱。代码如下:
Javascript
我们使用addClass来操作动画,使用setTimeout来控制特定时间内的动作,代码如下:
希望大家喜欢这个小游戏,如果你有任何问题和建议,请给我们留言!
在今天的这篇文章中,我们将介绍一个超棒的CSS动画实现方式 - Animate.css。这套CSS动画是由来自Manchester, UK的设计师Dan Eden开发和设计的。使用它能够很方便的给你的页面元素添加动画效果
Animate.css在线演示 http://demo.jb51.net/js/2012/Animatecss/
Animate.css下载地址 http://www.jb51.net/jiaoben/62726.html
如何使用?
使用非常简单,首先下载需要的css文件,你可以在下载地址上选择下载全部css,或者使用在线的Create custom build来生成自定义的css。
下载后将animate.css样式表引入你调用的HTML文件即可,如下:
这里我们使用jQuery和animate.css开发一个简单的小游戏,你需要在指定的时间内将汽车挪出铁箱。代码如下:
Javascript
我们使用addClass来操作动画,使用setTimeout来控制特定时间内的动作,代码如下:
希望大家喜欢这个小游戏,如果你有任何问题和建议,请给我们留言!