image

CSS animation libraries

Best libraries that help you animate things on the web with pure CSS

Applying following libraries to your project is as simple as linking the CSS and adding the required CSS classes to your HTML elements.


Animate.css

image

animate.style

Animate.css is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

Hover.css

image

ianlunn.github.io

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

Magic Animations CSS3

image

www.minimamente.com

CSS3 Animations with special effects, perspectives, rotations, slides, maths, tins, bombs, and on the space.

CSShake

image

elrumordelaluz.github.io

CSShake is a CSS library designed specifically for shaking elements within your web page, there are a number of variations available for shaking your web components.