15种最佳CSS3动画工具

有用的集合 的CSS3动画 工具(库,插件,备忘单等),以帮助前端开发人员创建各种动画效果,以提高可用性并为用户带来惊喜。

活跃’em! 广告

这是一个jQuery插件,当您的矢量插图在用户的浏览器视口中可见时,您可以使用多种方法为显示为SVG文件的任何矢量图形制作动画。您也可以在用户单击或点击图形时重复播放动画。

活跃

AniCollection

它是来自许多图书馆和许多人的很棒的动画的集合。为您提供一种轻松查找,使用和共享它的方式。

动物收藏

animate.css

它是一堆很酷,有趣且跨浏览器的动画,供您在项目中使用。非常适合强调,主页,滑块和一般的加水效果。

动画css

魔法

这是一个具有许多动画的CSS3框架。使用简单,并且许多动画是跨浏览器兼容的。

魔术效果

animo.js

一个强大的管理CSS动画的小工具。堆叠动画,创建跨浏览器模糊,在动画完成时设置回调,制作魔术。

animo-js

的CSS动画事件

的CSS3动画和过渡模块都提供了一些相当有用的DOM事件,可用于跟踪动画或过渡的当前状态–在链接将来的应用程序逻辑时,它们非常有用。

的CSS动画事件

的CSS3动画备忘单

的CSS3动画备忘单是针对您的Web项目的一组预设的即插即用动画。您需要做的就是将样式表添加到您的网站,然后将预制的CSS类应用于要设置动画的元素。

的CSS3-animation-cheat-sheet

斯蒂莉

斯蒂莉是一个有趣的工具,可轻松创建CSS3动画。您可以以图形方式配置动画,进行调整,获取生成的CSS并开始!

的CSS3-anim-tools-1

塞瑟

塞瑟是一个交互式CSS缓动动画工具。它使您可以构建所需的任何简便性,并且附带许多Penner缓动方程式。

的CSS3-anim-tools-2

TextFX2–CSS3文字动画

TextFX2是一个CSS3 Transition + 的CSS3 3D Transform插件,如上所述,对于IE8,IE9和Opera,所有动画都将还原为简单的淡入淡出。

的CSS3-anim-tools-10

煎茶

煎茶 Animator是一个桌面应用程序,可为WebKit浏览器和触摸屏移动设备创建CSS3动画。为当今最受欢迎的设备创造丰富的体验。

的CSS3-anim-tools-4

Animate.css

animate.css是一堆很酷,有趣且跨浏览器的动画,供您在项目中使用。非常适合强调,主页,滑块和一般的加水效果。

的CSS3-anim-tools-5

效果

列表的视觉效果很好:liffect(带有CSS3和Keyframes动画)。

效果

的CSS动画

为CSS3动画生成关键帧并不容易。这个新的CSS路径动画工具可以帮助您将SVG路径转换为CSS关键帧。

动画

广告obe Edge动画

广告obe Edge动画是一个功能强大的直观工具,可使用HTML5,CSS3和JavaScript创建精美的动画和交互式内容。 Edge Animate是直观的,具有强大的功能,可以节省时间和麻烦。

的CSS3-anim-tools-8

喧嚣的炒作

对于希望开始使用基于HTML5的网络动画的Mac用户而言,Tumult Hype是一个不错的起点。它具有通过将场景中的任何元素拖放到带有自动关键帧的时间线上的动画来创建它们的能力。

的CSS3-anim-tools-9

1 Comments

  1. 哈里·福克说:

    那这个图书馆呢 http://pavlyukpetr.com/awesome/

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.