掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务

Tuesday.css成为现今最火热动画库

 如果你是一名web设计师,你肯定已经非常熟悉了Animate.css,并且将其作为你最主要的动画库。但是一个一个名叫Tuesday的库要挑战Animate.css的地位。

从格式和部署方式上看,这个库与Animate.css并没有什么太大的区别。但是Tuesday却拥有其他动画库所没有的一些CSS动画。

而且这些效果的细节做得非常好,可以很好的用在页面中。下面这些效果就是其众多动画中的一小部分:

  •  放大退出
  •  缩小退出
  •  跳动扁平缩小
  •  倾斜摆动
  •  从左/右方下拉
  •  伸展效果
  •  铰链效果

你可以在它的demo page上查看更多效果。你会发现这些效果都有一个共同点:真实。这些效果会给浏览者带来真实感,所有效果似乎都符合地心引力的影响。

 

从这个角度上看,我觉得Tuesday可以说是当前最好的现代CSS动画库。在进行设计的时候,真实感是我们一直在追求的目标,它能给用户带来良好的视觉体验。

而从头开始自己制作这些动画效果,是一件非常麻烦的事情,它一直在困扰着很多设计师。但是现在有了Tuesday,你就不再需要因为这件事情而烦恼了。

你只需要在GitHub上将其下载,然后添加到你的页面中。如果你不想下载的话,你也可以直接在GitHub上使用CDN版本。

在添加至web页面之后,你需要将animate这个类附加给其他在GitHub上列出的proprietary类。在添加完成之后,你的代码会变成下面这个样子:

<h1 id="header-text" class="animated tdDropInLeft">

  It's Tuesday.

</h1>

动画的类,请参与官方的完整文档

如果你使用的JavaScript,你也可以将这些效果用在点击/悬停行为上,当用户点击或是将鼠标指针悬停在某个按钮上的时候,他们将会看到动画效果。



小程序.jpg

原文来自:SDK.cn

声明:所有来源为“聚合数据”的内容信息,未经本网许可,不得转载!如对内容有异议或投诉,请与我们联系。邮箱:marketing@think-land.com

  • 2024欧洲杯赛程

    2024年欧洲杯小组赛、1/8决赛、1/4决赛、半决赛、季军赛、决赛赛程及积分榜、新闻动态

    2024年欧洲杯小组赛、1/8决赛、1/4决赛、半决赛、季军赛、决赛赛程及积分榜、新闻动态

  • 营运车判定查询

    输入车牌号码或车架号,判定是否属于营运车辆。

    输入车牌号码或车架号,判定是否属于营运车辆。

  • 名下车辆数量查询

    根据身份证号码/统一社会信用代码查询名下车辆数量。

    根据身份证号码/统一社会信用代码查询名下车辆数量。

  • 车辆理赔情况查询

    根据身份证号码/社会统一信用代码/车架号/车牌号,查询车辆是否有理赔情况。

    根据身份证号码/社会统一信用代码/车架号/车牌号,查询车辆是否有理赔情况。

  • 车辆过户次数查询

    根据身份证号码/社会统一信用代码/车牌号/车架号,查询车辆的过户次数信息。

    根据身份证号码/社会统一信用代码/车牌号/车架号,查询车辆的过户次数信息。

0512-88869195
数 据 驱 动 未 来
Data Drives The Future