Lightweight CSS3 Animation Library – Tuesday.css

Category: Animation , CSS & CSS3 , Recommended | August 23, 2015
Author: ShakrMedia
Views Total: 2,358
Official Page: Go to website
Last Update: August 23, 2015
License: MIT

Preview:

Lightweight CSS3 Animation Library – Tuesday.css

Description:

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

You Might Be Interested In:


Leave a Reply