Animate.css デモ

<img class="animate__animated animate__xxxxx" alt="">

Attention seekers

animate__bounce

animate__flash

animate__pulse

animate__rubberBand

animate__shakeX

animate__shakeY

animate__headShake

animate__swing

animate__tada

animate__wobble

animate__jello

animate__heartBeat

Fading entrances

animate__fadeIn

animate__fadeInDown

animate__fadeInDownBig

animate__fadeInLeft

animate__fadeInLeftBig

animate__fadeInRight

animate__fadeInRightBig

animate__fadeInUp

animate__fadeInUpBig

animate__fadeInTopLeft

animate__fadeInTopRight

animate__fadeInBottomLeft

animate__fadeInBottomRight

Sliding entrances

animate__slideInDown

animate__slideInLeft

animate__slideInRight

animate__slideInUp

Back entrances

animate__backInDown

animate__backInLeft

animate__backInRight

animate__backInUp

Bouncing entrances

animate__bounceIn

animate__bounceInDown

animate__bounceInLeft

animate__bounceInRight

animate__bounceInUp

Flippers

animate__flip

animate__flipInX

animate__flipInY

Lightspeed

animate__lightSpeedInRight

animate__lightSpeedInLeft

Rotating entrances

animate__rotateIn

animate__rotateInDownLeft

animate__rotateInDownRight

animate__rotateInUpLeft

animate__rotateInUpRight

Specials

animate__hinge

animate__jackInTheBox

animate__rollIn

animate__rollOut

Zooming entrances

Zooming entrances

animate__zoomInDown

animate__zoomInLeft

animate__zoomInRight

animate__zoomInUp