This article needs an editorial review. How you can help.
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
The Animation.effect property of the Web Animations API gets and sets the target effect of an animation. The target effect may be either a KeyframeEffect object or null.
Syntax
// Get an Animation object's target effect
var effect = animation.effect;
// Set an Animation's target effect
animation.effect = new KeyframeEffect({ opacity: [ 1, 0 ] }, 300);
Value
A KeyframeEffect object or null.
| Specification | Status | Comment |
|---|---|---|
| Web Animations The definition of 'Animation.effect' in that specification. |
Working Draft | Editor's draft. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | No support | No support | No support | No support | No support |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | No support | No support | No support | No support | No support |