针对Web开发人员的10个新鲜实用的CSS动画工具

jopen 10年前

Anima

|Visit GitHub|

针对Web开发人员的10个新鲜实用的CSS动画工具

Anima is a fabulous tool that makes use of CSS transforms, 3D transforms and JS to allow animating multiple objects simultaneously. Every single item has its own mass and velocity to imitate real objects. This tool only weighs about 5kb, so it is a tiny yet very powerful tool that can prove to be really helpful for you.

 

Morf.js

|Visit GitHub|

针对Web开发人员的10个新鲜实用的CSS动画工具

It allows generating hardware-accelerated CSS3 transitions easily and quickly. These transitions also boast custom effects which makes this tool even more desirable.

 

animo.js

|Visit GitHub|

针对Web开发人员的10个新鲜实用的CSS动画工具

Animo.js lets you manage CSS animations easily and quickly. It allows stacking animations for firing one after another and also specifying callbacks to complete animations etc. You can also set it to fire animations on a specific event / moment of your choice! A great tool on the whole.

 

Animate.css

|Visit GitHub|

针对Web开发人员的10个新鲜实用的CSS动画工具

This one is an amazing collection of CSS animations. All these animations are cross-browser. You can make use of them in home pages and sliders etc.

Ceaser

针对Web开发人员的10个新鲜实用的CSS动画工具

This one is a great and very handy tool that allows CSS easing animations which are easy to use.

Effeckt.css

|Visit GitHub|

This one is a really cool library that boasts a lot of User Interface-less animations and transitions which can be easily employed in your projects.

Tridiv

针对Web开发人员的10个新鲜实用的CSS动画工具

This cool cross-browser compatible editor tool allows creating 3D shapes in CSS easily and quickly.

CSS3 Animation Cheat Sheet

针对Web开发人员的10个新鲜实用的CSS动画工具

As the name suggests, this one is a cheat sheet which means that it boasts a set of some really amazing ready-made CSS3 animations which can be easily used and all you have to do to take advantage of them is to add stylesheet to the project and apply the ready-made CSS classes to certain specific elements.

Magic CSS3 Animations

|Visit GitHub|

针对Web开发人员的10个新鲜实用的CSS动画工具

This one is a nice user-friendly set of CSS3 animations which are fully cross-browser compatible.

CSS3 Keyframes Animation Generator

针对Web开发人员的10个新鲜实用的CSS动画工具

This awesome tool allows creating keyframe animations with ease in just a matter of few minutes.

Stylie By Recapi

|Visit GitHub|

针对Web开发人员的10个新鲜实用的CSS动画工具

This one is an awesome CSS3 animation tool that can be used for configuring and creating animations according to your requirements.