web-animations-js

WebJar for web-animations-js

License

License

Categories

Categories

JavaScript Languages
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

web-animations-js
Last Version

Last Version

2.3.2
Release Date

Release Date

Type

Type

jar
Description

Description

web-animations-js
WebJar for web-animations-js
Project URL

Project URL

https://www.webjars.org
Source Code Management

Source Code Management

https://github.com/web-animations/web-animations-js

Download web-animations-js

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/web-animations-js/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>web-animations-js</artifactId>
    <version>2.3.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/web-animations-js/
implementation 'org.webjars.npm:web-animations-js:2.3.2'
// https://jarcasting.com/artifacts/org.webjars.npm/web-animations-js/
implementation ("org.webjars.npm:web-animations-js:2.3.2")
'org.webjars.npm:web-animations-js:jar:2.3.2'
<dependency org="org.webjars.npm" name="web-animations-js" rev="2.3.2">
  <artifact name="web-animations-js" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='web-animations-js', version='2.3.2')
)
libraryDependencies += "org.webjars.npm" % "web-animations-js" % "2.3.2"
[org.webjars.npm/web-animations-js "2.3.2"]

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

We love feedback!

Keep up-to-date

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

More info

org.webjars.npm

Web Animations

Versions

Version
2.3.2
2.3.1