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

掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务
Tuesday.css成为现今最火热动画库
发布:2017-02-08 13:49:17

 如果你是一名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

选择想要的接口, 看看能免费获取多少次调用 选择(单选)或填写想要的接口
  • 短信API服务
  • 银行卡四元素检测[简]
  • 身份证实名认证
  • 手机状态查询
  • 三网手机实名制认证[简]
  • 身份证OCR识别
  • 证件识别
  • 企业工商信息
短信API服务
  • 短信API服务
  • 银行卡四元素检测[简]
  • 身份证实名认证
  • 手机状态查询
  • 三网手机实名制认证[简]
  • 身份证OCR识别
  • 证件识别
  • 企业工商信息
  • 确定
选择您的身份
请选择寻找接口的目的
预计每月调用量
请选择预计每月调用量
产品研发的阶段
请选择产品研发的阶段
×

前往领取
讯飞星火认知大模型API
0512-88869195
数 据 驱 动 未 来
Data Drives The Future