انیمیشن های CSS3

جویندگان توجه

استفاده از انیمیشن های پایه animate.css
Bounce
استفاده از انیمیشن Bounce با کلاس bounce
Shake
استفاده از انیمیشن Shake با کلاس Shake
Flash
استفاده از انیمیشن Flash با کلاس Flash
Swing
استفاده از انیمیشن Swing با کلاس Swing
Pulse
استفاده از انیمیشن Pulse با کلاس Pulse
Tada
استفاده از انیمیشن Tada با کلاس Tada
Rubberband
انیمیشن Rubberban با کلاس Rubberban
Wobble
استفاده از انیمیشن Wobble با کلاس Wobble

ورودی های انیمیشن Bounce

گزینه های ورود برای انیمیشن bounce
BounceInLeft
برای حالت داخل شدن انیمیشن Bounce از چپ کلاس bounceInLeft استفاده شود
BounceIn
برای حالت داخل شدن انیمیشن Bounce از کلاس bounceIn استفاده کنید
BounceInRight
برای حالت داخل شدن انیمیشن Bounce از راست کلاس bounceInRight استفاده شود
BounceInUp
برای حالت داخل شدن انیمیشن Bounce از بالا، از کلاس bounceInUp استفاده کنید
BounceInDown
برای حالت داخل شدن انیمیشن Bounce از پایین، از کلاس bounceInDown استفاده کنید

خروجی های انیمیشن Bounce

گزینه های خروج برای انیمیشن bounce
BounceOutLeft
برای حالت خروج انیمیشن Bounce از چپ کلاس bounceOutLeft استفاده شود
BounceOut
برای حالت خروج انیمیشن Bounce از کلاس bounceOut استفاده شود
BounceOutRight
برای حالت خروج انیمیشن Bounce از راست کلاس bounceOutRight استفاده شود
BounceOutUp
برای حالت خروج انیمیشن Bounce از بالا کلاس bounceOutUp استفاده شود
BounceOutDown
برای حالت خروج انیمیشن Bounce از پایین کلاس bounceOutDown استفاده شود

ورودی های انیمیشن Fade

گزینه های ورود برای انیمیشن fade
FadeIn
برای حالت وارد شدن انیمیشن Fade از کلاس fadeIn استفاده شود
FadeInLeft
برای حالت وارد شدن انیمیشن Fade از چپ کلاس fadeInLeft استفاده شود
FadeInRight
برای حالت وارد شدن انیمیشن Fade از راست کلاس fadeInRight استفاده شود
FadeInDown
برای حالت وارد شدن انیمیشن Fade از پایین کلاس fadeInDown استفاده شود
FadeInLeftBig
برای حالت وارد شدن انیمیشن بزرگ Fade از چپ کلاس fadeInLeftBig استفاده شود
FadeInRightBig
برای حالت وارد شدن انیمیشن بزرگ Fade از راست کلاس fadeInRightBig استفاده شود
FadeInDownBig
برای حالت وارد شدن انیمیشن بزرگ Fade از پایین کلاس fadeInDownBig استفاده شود
FadeInUp
برای حالت وارد شدن انیمیشن Fade از بالا کلاس fadeInUp استفاده شود
FadeInUpBig
برای حالت وارد شدن انیمیشن بزرگ Fade از بالا کلاس fadeInUpBig استفاده شود

خروجی های انیمیشن Fade

گزینه های خروج برای انیمیشن fade
FadeOut
برای حالت خروج انیمیشن Fade از کلاس fadeOut استفاده شود
FadeOutLeft
برای حالت خروج انیمیشن Fade از چپ کلاس fadeOutLeft استفاده شود
FadeOutRight
برای حالت خروج انیمیشن Fade از راست کلاس fadeOutRight استفاده شود
FadeOutDown
برای حالت خروج انیمیشن Fade از پایین کلاس fadeOutDown استفاده شود
FadeOutLeftBig
برای حالت خروج انیمیشن بزرگ Fade از چپ کلاس fadeOutLeftBig استفاده شود
FadeOutRightBig
برای حالت خروج انیمیشن بزرگ Fade از راست کلاس fadeOutRightBig استفاده شود
FadeOutDownBig
برای حالت خروج انیمیشن بزرگ Fade از پایین کلاس fadeOutDownBig استفاده شود
FadeOutUp
برای حالت خروج انیمیشن Fade از بالا کلاس fadeOutUp استفاده شود
FadeOutUpBig
برای حالت خروج انیمیشن بزرگ Fade از بالا کلاس fadeOutUpBig استفاده شود

انیمیشن های Flip

گزینه های انیمیشن flip
FlipInX
برای حالت وارد شدن انیمیشن Flip در محور X از کلاس flipInX استفاده کنید
Flip
برای استفاده از انیمیشن Flip از کلاس flip استفاده کنید
FlipInY
برای حالت وارد شدن انیمیشن Flip در محور Y از کلاس flipInY استفاده کنید
FlipOutX
برای حالت خورج انیمیشن Flip در محور X از کلاس flipOutX استفاده کنید
FlipOutY
برای حالت خورج انیمیشن Flip در محور Y از کلاس flipOutY استفاده کنید

انیمیشن های Lightspeed

گزینه های انیمیشن light speed
LightSpeedIn
برای حالت وارد شدن انیمیشن LightSpeed از کلاس lightSpeedIn استفاده کنید
LightSpeedOut
برای حالت خارج شدن انیمیشن LightSpeed از کلاس lightSpeedOut استفاده کنید

ورودی های انیمیشن Rotate

گزینه های ورود برای انیمیشن rotate
RotateInDownLeft
برای حالت وارد شدن انیمیشن Rotate از چپ به پایین از کلاس rotateInDownLeft استفاده شود
RotateIn
برای حالت وارد شدن انیمیشن Rotate از کلاس rotateIn استفاده شود
RotateInDownRight
برای حالت وارد شدن انیمیشن Rotate از راست به پایین از کلاس rotateInDownRight استفاده شود
RotateInUpLeft
برای حالت وارد شدن انیمیشن Rotate از چپ به بالا از کلاس rotateInUpLeft استفاده شود
RotateInUpRight
برای حالت وارد شدن انیمیشن Rotate از راست به بالا از کلاس rotateInUpRight استفاده شود

خروجی های انیمیشن Rotate

گزینه های خرو برای انیمیشن rotate
RotateOutDownLeft
برای حالت خارج شدن انیمیشن Rotate از چپ به پایین از کلاس rotateOutDownLeft استفاده شود
RotateOut
برای حالت خارج شدن انیمیشن Rotate از کلاس rotateOut استفاده شود
RotateOutDownRight
برای حالت خارج شدن انیمیشن Rotate از راست به پایین از کلاس rotateOutDownRight استفاده شود
RotateOutUpLeft
برای حالت خارج شدن انیمیشن Rotate از چپ به بالا از کلاس rotateOutUpLeft استفاده شود
RotateOutUpRight
برای حالت خارج شدن انیمیشن Rotate از راست به بالا از کلاس rotateOutUpRight استفاده شود

انیمیشن های ویژه

گزینهای انیمیشن special
RollIn
برای حالت وارد شدن انیمیشن Roll از کلاس rollIn استفاده کنید
Hinge
برای استفاده از انیمیشن Hinge از کلاس hinge استفاده کنید
RollOut
برای حالت خارج شدن انیمیشن Roll از کلاس rollOut استفاده کنید

وزودی های انیمیشن Zoom

گزینه های ورود برای انیمیشن zoom
ZoomInLeft
برای حالت وارد شدن انیمیشن Zoom از چپ کلاس zoomInLeft را استفاده کنید
ZoomIn
برای حالت وارد شدن انیمیشن Zoom از کلاس zoomIn استفاده کنید
ZoomInRight
برای حالت وارد شدن انیمیشن Zoom از راست کلاس ZoomInRight را استفاده کنید
ZoomInUp
برای حالت وارد شدن انیمیشن Zoom از بالا کلاس zoomInUp را استفاده کنید
ZoomInDown
برای حالت وارد شدن انیمیشن Zoom از پایین کلاس zoomInDown را استفاده کنید

خروجی های انیمیشن Zoom

گزینه های خروج برای انیمیشن zoom
ZoomOutLeft
برای حالت خارج شدن انیمیشن Zoom از چپ کلاس zoomOutLeft را استفاده کنید
ZoomOut
برای حالت خارج شدن انیمیشن Zoom از کلاس zoomOut استفاده کنید
ZoomOutRight
برای حالت خارج شدن انیمیشن Zoom از راست کلاس zoomOutRight را استفاده کنید
ZoomOutUp
برای حالت خارج شدن انیمیشن Zoom از بالا کلاس zoomOutUp را استفاده کنید
ZoomOutDown
برای حالت خارج شدن انیمیشن Zoom از پایین کلاس zoomOutDown را استفاده کنید