使用基本的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css</title>
<link rel="stylesheet" href="css/animate.compat.css">
</head>
<body>
<div class="animated fadeInLeft">111212</div>
</html>
属性如下：
|
bounce 弹起；反弹
flash 闪光
pulse 脉冲
rubberBand 橡皮圈
shakeX x动摇
shakeY y动摇
headShake 摇头
swing 摇摆；悬挂
tada
wobble 摇摆
jello
heartBeat 跳动
|
Back entrances 回到入口
backInDown
backInLeft
backInRight
backInUp
|
|
Back exits 后退
backOutDown
backOutLeft
backOutRight
backOutUp
|
Fading entrances 淡入入口
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeInTopLeft
fadeInTopRight
fadeInBottomLeft
fadeInBottomRight
|
|
Fading exits 淡入退出
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
fadeOutTopLeft
fadeOutTopRight
fadeOutBottomRight
fadeOutBottomLeft
|
Flippers
flip
flipInX
flipInY
flipOutX
flipOutY
|
|
Lightspeed
lightSpeedInRight
lightSpeedInLeft
lightSpeedOutRight
lightSpeedOutLeft
|
Rotating entrances 旋转入口
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
|
|
Rotating exits 选择退出
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
|
Specials
hinge
jackInTheBox
rollIn
rollOut
|
|
Zooming entrances 上升入口
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
|
Zooming exits 上升出口
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
|
|
Sliding entrances 滑；移动 出口
slideInDown
slideInLeft
slideInRight
slideInUp
|
Sliding exits 滑；移动入口
slideOutDown
slideOutLeft
slideOutRight
slideOutUp
|
这些属性可以自己去试试，可以去更改一下，很简单的，自己调用的一个库
