tuesday是星期几_Tuesday.css是目前最热门的动画库

到目前为止，您应该已经熟悉Animate.css作为Web设计师中的主要动画库 。

但是，在街区有个新孩子，名为星期二 ，它正在强制制作网络动画 。

这个新库在格式或实现上没有太大不同。 但是周二带来了一些新CSS动画 ， 在其他地方找不到 。

这些新效果在本质上要微妙得多，因此它们可以很好地融合到页面中 。 以下是您可以选择的效果的一小部分 ：

• 淡入并扩展
• 淡入和缩小
• 踩下并跳动
• 角度摆动
• 从左/右插入
• 壁球/拉伸
• 合页

如果在演示页面上浏览此列表，您会注意到所有效果都有一个共同点：物理 。

他们都对物理学基础感到非常现实 ，并且似乎遵守了引力定律 。 这些动画都不是多余的或多余的。 它们微妙却引人注目 ，更重要的是，它们令人信服 。

我认为Tuesday是最好的现代CSS动画库之一，因为它呈现了Web动画的逼真视图 。

我们不应该设计出像拇指酸痛一样疯狂的界面效果。 微妙始终是游戏的名称，因为它可以通过任何用户输入（无论是单击还是滚动） 创建一种互动感 。

问题一直是从头开始编写这些动画并使它们看起来恰到好处。 但是，从星期二开始，您的担心就可以立即出炉。

只需从GitHub下载副本，然后将.css文件添加到您的页面即可 。 如果您不想在本地下载任何内容，则实际上可以直接从GitHub使用CDN版本 。

将其添加到您的网页后，只需附加.animate类以及 GitHub存储库中列出的任何专有类即可 。 您的代码可能看起来像这样：

<h1 id="header-text" class="animated tdDropInLeft">
  It's Tuesday.
</h1>

查看完整的文档，以查看所有输入/输出动画类的列表 。

如果使用JavaScript，还可以在单​​击/悬停事件上动态添加这些类 。 这样，您可以仅在用户单击按钮时添加动画类，该按钮似乎会在单击时进行动画处理。

周二，您可以做很多事情，而这实际上是用于实用UI动画的新Animate.css。

快看一下演示页面 ，看看它的实际效果，您可以通读他们的“正在制作中”的帖子 ，了解更多内容，其中讨论了Shakr团队在星期二的创作过程。

翻译自: https://www.hongkiat.com/blog/tuesday-css/