web-animations-js

WebJar for web-animations-js

License	Apache-2.0
Categories	JavaScript Languages
GroupId	org.webjars.bower
ArtifactId	web-animations-js
Last Version	2.2.5
Release Date	Oct 1, 2017
Type	jar
Description	web-animations-js WebJar for web-animations-js
Project URL	http://webjars.org
Source Code Management	https://github.com/web-animations/web-animations-js

Download web-animations-js

Filename	Size
web-animations-js-2.2.5.pom
web-animations-js-2.2.5.jar	98 KB
web-animations-js-2.2.5-sources.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/web-animations-js/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>web-animations-js</artifactId>
    <version>2.2.5</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/web-animations-js/
implementation 'org.webjars.bower:web-animations-js:2.2.5'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/web-animations-js/
implementation ("org.webjars.bower:web-animations-js:2.2.5")

Apache Buildr

'org.webjars.bower:web-animations-js:jar:2.2.5'

Apache Ivy

<dependency org="org.webjars.bower" name="web-animations-js" rev="2.2.5">
  <artifact name="web-animations-js" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='web-animations-js', version='2.2.5')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "web-animations-js" % "2.2.5"

Leiningen

[org.webjars.bower/web-animations-js "2.2.5"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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

• Codelab tutorial
• Examples of usage
• Live demos
• MDN reference
• W3C specification

We love feedback!

• For feedback on the API and the specification:

  • File an issue on GitHub: https://github.com/w3c/web-animations/issues/new
  • Alternatively, send an email to [email protected] with subject line "[web-animations] ... message topic ..." (archives).

• For issues with the polyfill, report them on GitHub: https://github.com/web-animations/web-animations-js/issues/new.

Keep up-to-date

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

More info

• Technical details about the polyfill
  • Browser support
  • Fallback to native
  • Feature list
  • Feature deprecation and removal processes
• To test experimental API features, try one of the experimental targets

Web Animations

Versions

Version
2.2.5 Oct 1, 2017
2.0.0 Apr 15, 2015