Lightweight CSS3 Animation Library – Tuesday.css

Just another CSS3 animation library used to create awesome CSS3 based entrance / exit animations on DOM element. Built with LESS. Similar to the famous Animate.css.

Basic usage:

Include the tueday.css in the head section of your web page.

<link rel="stylesheet" href="build/tuesday.css">

Add the CSS class ‘animated’ to the html element you want to animate and then include the CSS class tdFadeIn for fade in animation.

<h1 class="animated tdFadeIn">Tuesday.css</h1>

Available CSS classes for CSS3 animations.

FadeIn

• tdFadeIn
• tdFadeInDown
• tdFadeInLeft
• tdFadeInUp
• tdFadeInRight

FadeOut

• tdFadeOut
• tdFadeOutDown
• tdFadeOutLeft
• tdFadeOutUp
• tdFadeOutRight

Zoom

• tdZoomIn
• tdZoomInBounce
• tdZoomOut
• tdZoomOutBounce

Swing

• tdSwingIn
• tdSwingOut

DropIn

• tdFadeInDown
• tdFadeInLeft
• tdFadeInUp
• tdFadeInRight

HingeFlip

• tdHingeFlipIn
• tdHingeFlipOut