10 top CSS and JavaScript animation frameworks recommended

Embedding animations in websites has become a design trend in recent years. Many companies have begun to embrace the HTML5, css3, and JavaScript technology "Trio ". Although these technologies cannot make very complex Animations (such as those implemented by flash), if you have good ideas and creative thinking, even some simple animations made with them are enough to impress us.

In addition, with the development of css3 technology, css3 animation is becoming increasingly popular. Currently, WebKit supports CSS 3 animation quite well. Firefox intends to use WebKitCodeIn ie 10, WebKit support is also added.

This article introduces some JavaScript and CSS animation frameworks. I personally think they are quite practical and hope they can help you create fascinating user experiences.

1. jquery transit

The jquery plug-in extends jquery's animation functions and adds many css3 features, such as rotata, skew, and scale.

2. Transform. js

This is also a jquery plug-in, but it extends the functions of the animate () and CSS () methods. You can complete a series of animation effects by introducing the css3 attribute.

3. Paper. js

Paper. JS is an open-source vector graphics script framework that runs on the HTML5 canvas. It provides a clean scene graph or Document Object Model to create vector graphics, and has many powerful functions to generate the besell curve. All of this is encapsulated by a well-designed neat and consistent programming interface.

4. Move. js

Move. JS is a small JavaScript library that allows you to create simple and elegant css3 animations.

5. jsanim

Jsanim is a powerful but easy-to-use JavaScript library that allows you to create amazing animation effects without affecting Project availability. It only has less than 25 kb, but is very powerful.

6. GX

GX is a fully functional, cross-browser ultra-lightweight (only 10 kb in uncompressed state) JavaScript animation framework. Using the GX framework, you can use all W3C CSS attributes to create complex animation effects.

7. animatable

Pure css3 animation solution. Here is a demo, you can see what kind of animation effects it can achieve.

8. animate.css

Animate.css is an interesting, cross-browser animation solution that can be directly used for projects, including a pure css3 animation library and some predefined animation fragments.

9. $ FX

A lightweight javascirpt animation library that extends Javascript DOM functions. It is small (only 3.7kb)-robust implementation, low learning costs, in short $ FX is a good choice.

10. scripty2

Scripty2 is a powerful and flexible JavaScript framework that allows you to write your own "visual dinner" or a profound user interface. It is a competitor of flash.

Via
Queness

PS: Very fond of using the simplest and most efficient code to achieve the animation effect, cool.