2016 nine major front-end essential animation library

Into the 2016, with the rapid development of various types of network technology, animation library for our web design to add a lot of visual interest. As a front/back end developer, familiar with and master all kinds of animation library (or even the extraction of their own optimized animation library) code, you can easily save time and effort to complete a variety of job needs. Even if the customer or user's UI design needs more and more, coupled with the design of the animation of the Great Gods submitted by the demo, this article recommended the Basic Animation library can be implemented in the browser. I hope it will be helpful for you to develop children's shoes.

　1. Animate.css

Created by: Daniel Eden

Release Date: 2013

Latest Version: 3.4.0

Focus on popularity: There are 25000+ on the GitHub.

Introduction Description: An easy-to-use cross-browser CSS animation library for easy browsing.

File size:: 55.2 KB.

GitHub Home: Https://github.com/daneden/animate.css

Copyright License: MIT

　　2. Bounce.js

Created by: Tictail

Release Date: 2014

Latest Version: 0.8.2

Focus on popularity: There are 3500+ on the GitHub.

Brief description: Create beautiful CSS3 animation instantly.

File size:: KB.

GitHub Home: Https://github.com/tictail/bounce.js

Copyright License: MIT

　3. Magic Animations

Created by: Christian

Release Date: 2014

Latest Version: 1.1.0

Focus on popularity: There are 3400+ on the GitHub.

Brief description: Can create CSS3 animation effect.

File size:: 36.5 KB.

GitHub Home: Https://github.com/miniMAC/magic

　4. Dyncss

Created by: Vittorio Zaccaria

Release Date: 2014

Latest Version: 0.8.1

Focus on popularity: There are 190+ on the GitHub.

Description: Use dynamic CSS to create your Web page.

File size:: 36.5 KB.

GitHub Home: Https://github.com/vzaccaria/DynCSS

　　5. Csshake

Created by: Lionel

Release Date: 2014

Latest Version: 1.5.0

Focus on popularity: There are 2000+ on the GitHub.

Introduction: The use of CSS to achieve a variety of shaking the effect of dom!

File size:: 78.8 KB.

GitHub Home: Https://github.com/elrumordelaluz/csshake

Copyright License: MIT

　6.hover.css

Created by: Ian Lunn

Release Date: 2014

Latest Version: 2.0.2

Focus on popularity: There are 10700+ on the GitHub.

Introduction Description: The mouse hover effect quickly applied to your Web page elements or creative design.

File size:: 104.2 KB.

GitHub Home: Https://github.com/IanLunn/Hover

Copyright License: MIT

　7. Velocity.js

Created by: Julian Shapiro

Release Date: 2014

Latest Version: 1.2.2

Focus on popularity: There are 8700+ on the GitHub.

Description: Help you speed up JavaScript animation.

File size:: 34.8 KB.

GitHub Home: https://github.com/julianshapiro/velocity

Copyright License: MIT

　8. Favico.js

Created by: Miroslav Magda

Release Date: 2013

Latest Version: 0.3.9

Focus on popularity: There are 4900+ on the GitHub.

Description: Allows you to use video, logo or pictures to design the site's favicon.

File size:: 8.9 kB.

GitHub Home: Https://github.com/ejci/favico.js

Copyright License: MIT

　9. Anijs

Created by: Anijs

Release Date: 2014

Latest Version: 0.9.3

Focus on popularity: There are 2500+ on the GitHub.

Introduction Note: Do not need too much code to enhance the Web page design Force lattice animation library.

File size:: 10.5 kB.

GitHub Home: Https://github.com/anijs/anijs

Copyright License: MIT