Tuesday是一款带22种效果的小巧的CSS3动画库。目前网络上已经有多种好用的CSS动画库插件，这款CSS3动画库的特点是动画路径短，动画持续时间也较短。目前该动画库提供了22种不同的元素进入和离开的动画效果。
使用方法
该动画库的使用方法非常简单，在页面的头部引入tuesday.min.css文件。
<link rel="stylesheet" type="text/css" href="css/tuesday.min.css" />
或者你也可以使用CDN加速地址：
<link rel="stylesheet" type="text/css" href="//cdn.rawgit.com/ShakrMedia/tuesday/master/build/tuesday.min.css" />
HTML结构
在你需要执行动画的元素上添加.animated class以及你想要执行动画的class名称。
<h1 id="header-text" class="animated tdDropInLeft">It's Tuesday.</h1>
通过LESS来使用
你可以在下载的文件包中找到tuesday.less文件，把它引入到你的LESS样式文件中。
@import 'tuesday.less';
将动画的class作为mixins放置到你需要的元素上：
h1#header-text {
.animated;
.tdDropInLeft;
}
控制和自定义动画
由于所用元素的动画都会在DOM元素被加载之后才会开始（或使用display: block使其可见），因此，如果你想要控制动画的开始时间，可以通过JavaScript来动态的为元素添加相应的class。
如果你只是简单的想在延迟某段时间之后开始元素动画，可以简单的为元素添加animation-delay: (n)s属性。
同样，如果你想调整元素的动画持续时间，也可以为元素添加animation-duration: (n)s属性。
动画效果
所有的动画名称都已td为前缀，命名规范基于Animate.css：td+Name+In/Out+Direction/Option。
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
