掌握聚合最新动态了解行业最新趋势
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

  • 全球天气预报

    支持全球约2.4万个城市地区天气查询,如:天气实况、逐日天气预报、24小时历史天气等

    支持全球约2.4万个城市地区天气查询,如:天气实况、逐日天气预报、24小时历史天气等

  • 购物小票识别

    支持识别各类商场、超市及药店的购物小票,包括店名、单号、总金额、消费时间、明细商品名称、单价、数量、金额等信息,可用于商品售卖信息统计、购物中心用户积分兑换及企业内部报销等场景

    支持识别各类商场、超市及药店的购物小票,包括店名、单号、总金额、消费时间、明细商品名称、单价、数量、金额等信息,可用于商品售卖信息统计、购物中心用户积分兑换及企业内部报销等场景

  • 涉农贷款地址识别

    涉农贷款地址识别,支持对私和对公两种方式。输入地址的行政区划越完整,识别准确度越高。

    涉农贷款地址识别,支持对私和对公两种方式。输入地址的行政区划越完整,识别准确度越高。

  • 人脸四要素

    根据给定的手机号、姓名、身份证、人像图片核验是否一致

    根据给定的手机号、姓名、身份证、人像图片核验是否一致

  • 个人/企业涉诉查询

    通过企业关键词查询企业涉讼详情,如裁判文书、开庭公告、执行公告、失信公告、案件流程等等。

    通过企业关键词查询企业涉讼详情,如裁判文书、开庭公告、执行公告、失信公告、案件流程等等。

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