Animations with animate.css in Linguistic Studio.

  • animate css

Full example:

<h1 class="animated infinite bounce">Example</h1>

bounce

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

flash

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

pulse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rubberBand

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

shake

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

swing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

tada

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

wobble

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

bounceIn

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

bounceInDown

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

bounceInLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

bounceInRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

bounceInUp

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

bounceOut

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

bounceOutDown

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

bounceOutLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

bounceOutRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

bounceOutUp

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeIn

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeInDown

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeInDownBig

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeInLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeInLeftBig

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeInRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeInRightBig

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeInUp

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeInUpBig

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeOut

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeOutDown

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeOutDownBig

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeOutLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeOutLeftBig

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeOutRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeOutRightBig

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeOutUp

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

fadeOutUpBig

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

flipInX

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

flipInY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

flipOutX

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

flipOutY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

lightSpeedIn

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

lightSpeedOut

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rotateIn

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rotateInDownLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rotateInDownRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rotateInUpLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rotateInUpRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rotateOut

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rotateOutDownLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rotateOutDownRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rotateOutUpLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rotateOutUpRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

hinge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rollIn

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

rollOut

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

zoomIn

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

zoomInDown

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

zoomInLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

zoomInRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

zoomInUp

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

zoomOut

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

zoomOutDown

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

zoomOutLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

zoomOutRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

zoomOutUp

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

slideInDown

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

slideInLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

slideInRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

slideInUp

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

slideOutDown

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

slideOutLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

slideOutRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.

slideOutUp

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu dictum augue, ac efficitur tortor.