数据API 案例 开发者 关于
掌握聚合最新动态了解行业最新趋势
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

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

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

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