Animate.css
隨便選擇一個動畫效果試試
bounce 反彈
flash 閃爍
pulse 脈沖
rubberBand 橡皮筋彈性
shake 左右搖晃
swing 側(cè)邊搖擺
tada 強烈突出
wobble 左右大擺
jello 果凍彈性
heartBeat 心跳彈性
bounceIn 正中緩沖進入
bounceInDown 向下緩沖進入
bounceInLeft 向左緩沖進入
bounceInRight 向右緩沖進入
bounceInUp 向上緩沖進入
bounceOut 正中緩沖離開
bounceOutDown 向下緩沖離開
bounceOutLeft 向左緩沖離開
bounceOutRight 向右緩沖離開
bounceOutUp 向上緩沖離開
fadeIn 淡入
fadeInDown 向下淡入
fadeInDownBig 向下淡入(大)
fadeInLeft 向左淡入
fadeInLeftBig 向左淡入(大)
fadeInRight 向右淡入
fadeInRightBig 向右淡入(大)
fadeInUp 向上淡入
fadeInUpBig 向上淡入(大)
fadeOut 淡出
fadeOutDown 向下淡出
fadeOutDownBig 向下淡出(大)
fadeOutLeft 向左淡出
fadeOutLeftBig 向左淡出(大)
fadeOutRight 向右淡出
fadeOutRightBig 向右淡出(大)
fadeOutUp 向上淡出
fadeOutUpBig 向上淡出(大)
flip 大翻轉(zhuǎn)出現(xiàn)
flipInX 水平軸翻轉(zhuǎn)進入
flipInY 垂直軸翻轉(zhuǎn)進入
flipOutX 水平軸翻轉(zhuǎn)離開
flipOutY 垂直軸翻轉(zhuǎn)離開
lightSpeedIn 向左光速進入
lightSpeedOut 向右光速離開
rotateIn 旋轉(zhuǎn)進入
rotateInDownLeft 左下擺進
rotateInDownRight 右下擺進
rotateInUpLeft 左下擺進
rotateInUpRight 右上擺進
rotateOut 旋轉(zhuǎn)離開
rotateOutDownLeft 左下擺出
rotateOutDownRight 右下擺出
rotateOutUpLeft 左上擺出
rotateOutUpRight 右上擺出
slideInUp 向上滑入
slideInDown 向下滑入
slideInLeft 向左滑入
slideInRight 向右滑入
slideOutUp 向上滑出
slideOutDown 向下滑出
slideOutLeft 向左滑出
slideOutRight 向右滑出
zoomIn 正中換大進入
zoomInDown 向下放大進入
zoomInLeft 向左放大進入
zoomInRight 向右放大進入
zoomInUp 向上放大進入
zoomOut 正中縮小離開
zoomOutDown 向下縮小離開
zoomOutLeft 向左縮小離開
zoomOutRight 向右縮小離開
zoomOutUp 向上縮小離開
hinge鉸鏈效果
jackInTheBox正中擺動換大
rollIn 向左飄進
rollOut 向右飄出
運行動畫
Download Animate.css
(Version3.7.2)
您的瀏覽器不支持 CSS3 animate 屬性,所以您看不到任何效果,請使用 Firefox、Chrome 或 IE10
Attention Seekers
Bouncing Entrances
Bouncing Exits
Fading Entrances
Fading Exits
Flippers
Lightspeed
Rotating Entrances
Rotating Exits
Sliding Entrances
Sliding Exits
Zoom Entrances
Zoom Exits
Specials
點擊這里查看效果
bounce
flash
pulse
rubberBand
shake
swing
tada
wobble
jello
heartBeat
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
flip
flipInX
flipInY
flipOutX
flipOutY
lightSpeedIn
lightSpeedOut
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
slideInUp
slideInDown
slideInLeft
slideInRight
slideOutUp
slideOutDown
slideOutLeft
slideOutRight
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
hinge
jackInTheBox
rollIn
rollOut