web-animations-js 0,2,0,6,0,7,1,8 travis-ci grunt Bower npm

JavaScript implementation of the Web Animations API

2 years after Apache-2.0

What is Web Animations?

A new JavaScript API for driving animated content on the web. By unifying the animation features of SVG and CSS, Web Animations unlocks features previously only usable declaratively, and exposes powerful, high-performance animation capabilities to developers.

What is in this repository?

A JavaScript implementation of the Web Animations API that provides Web Animation features in browsers that do not support it natively. The polyfill falls back to the native implementation when one is available.

Quick start

Here's a simple example of an animation that fades and scales a <div>.
Try it as a live demo.

<!-- Include the polyfill -->
<script src="web-animations.min.js"></script>

<!-- Set up a target to animate -->
<div class="pulse" style="width: 150px;">Hello world!</div>

<!-- Animate! -->
<script>
    var elem = document.querySelector('.pulse');
    var animation = elem.animate({
        opacity: [0.5, 1],
        transform: ['scale(0.5)', 'scale(1)'],
    }, {
        direction: 'alternate',
        duration: 500,
        iterations: Infinity,
    });
</script>

Documentation

We love feedback!

Keep up-to-date

Breaking polyfill changes will be announced on this low-volume mailing list: [email protected].

More info

Related Repositories

frontend-stuff

frontend-stuff

A continuously expanded list of framework/libraries and tools I used/want to use ...

Become-A-Full-Stack-Web-Developer

Become-A-Full-Stack-Web-Developer

Free resources for learning Full Stack Web Development ...

spellbook-of-modern-webdev

spellbook-of-modern-webdev

A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development ...

web-animations-js-legacy

web-animations-js-legacy

The original emulator of the Web Animations specification. Please use web-animat ...

motion-ui-design

motion-ui-design

Resources for inspiration, lists of software, libraries and other stuff related ...


Top Contributors

rjwright dstockwell alancutter shans suzyh tim-loh samthor ericwilligers ewilligers lisamuel mithro hgl jklein24 cibernox nevir dan-tilley rasteiner samuelli tomByrer sfeast

Dependencies

package version
dev mocha 1.21.4
chai ^1.9.1
grunt ~0.4.5
grunt-contrib-uglify ^0.4.0
grunt-gjslint ^0.2.1
closure-linter-wrapper ^1.0.0
grunt-karma ^0.8.2
karma ^0.12.14
karma-mocha ^0.1.3
karma-chai ^0.1.0
karma-chrome-launcher ~0.1.4
karma-firefox-launcher ~0.1.3
karma-ie-launcher ~0.1.5
karma-safari-launcher ~0.1.1
karma-sauce-launcher ~0.2.3
grunt-checkrepo ~0.1.0
grunt-saucelabs ~4.0.2
grunt-git-status ~1.0.0
grunt-template ~0.2.3
source-map ~0.1.40

Releases

-   2.2.2 zip tar
-   2.2.1 zip tar
-   2.2.0 zip tar
-   2.1.5 zip tar
-   2.1.4 zip tar
-   2.1.3 zip tar
-   2.1.2 zip tar
-   2.1.1 zip tar
-   2.1.0 zip tar
-   2.0.1 zip tar
-   2.0.0 zip tar
-   1.0.8 zip tar
-   1.0.7 zip tar
-   1.0.6 zip tar
-   1.0.5 zip tar
-   1.0.4 zip tar
-   1.0.3 zip tar
-   1.0.1 zip tar
-   1.0.0 zip tar