40 lines
12 KiB
HTML
40 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en"><!-- use theme color or fallback -->
|
||
<!--use textcolor from settings, otherwise create a contrasting color to theme color-->
|
||
<head><meta charset="utf-8"/><link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet"/><link href="../../bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet"/><link href="../../bootstrap/css/bootstrap-select.min.css" rel="stylesheet"/><link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic" rel="stylesheet" type="text/css"/><link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,600,600italic,400" rel="stylesheet" type="text/css"/><link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css" rel="stylesheet" type="text/css"/><script src="../../jquery-1.9.1.min.js"></script><script src="../../bootstrap/js/bootstrap.min.js"></script><script src="../../bootstrap/js/bootstrap-select.min.js"></script><link href="../../styles.css" rel="stylesheet"/><link href="../../haxe-nav.css" rel="stylesheet"/><script type="text/javascript">var dox = {rootPath: "../../",platforms: ["Neko","Android","Flash","iOS","macOS","Linux","HTML5","Windows"]};</script><script type="text/javascript" src="../../nav.js"></script><script type="text/javascript" src="../../index.js"></script><link rel="icon" href="../../favicon.ico" type="image/x-icon"></link><title>js.html.KeyframeEffectReadOnly - API Reference</title><meta name="description" content="The <code><a href="../../js/html/KeyframeEffectReadOnly.html">KeyframeEffectReadOnly</a></code> interface of the Web Animations API describes sets of animatable properties and values that can be played using the <code>Animation.Animation()</code> constructor, and which are inherited by <code>KeyframeEffect</code>."/></head><body><style>
|
||
a, code .type {
|
||
color: #24afc4;
|
||
}
|
||
.navbar .brand {
|
||
display: inline-block;
|
||
float: none;
|
||
text-shadow: 0 0 0 transparent;
|
||
}
|
||
.nav-list>.active>a.treeLink, .nav-list>.active>a.treeLink:hover, .nav-list>.active>a.treeLink:focus {
|
||
background: #24afc4;
|
||
color: #ffffff;
|
||
text-shadow: 0 0 0 transparent;
|
||
}
|
||
.navbar .container {
|
||
width: 940px ;
|
||
}
|
||
@media (max-width: 767px) {
|
||
.navbar .container {
|
||
width: auto;
|
||
}
|
||
}
|
||
@media (max-width: 979px) and (min-width: 768px) {
|
||
.navbar .container {
|
||
width: 724px;
|
||
}
|
||
}
|
||
@media (min-width: 1200px) {
|
||
.navbar .container {
|
||
width: 1170px;
|
||
}
|
||
}
|
||
.navbar .container img {
|
||
margin: 5px 0 0 4px;
|
||
}
|
||
</style><nav class="nav"><div class="navbar"><div class="navbar-inner" style="background:#FAFAFA; border-bottom:1px solid rgba(0,0,0,.09)"><div class="container"><a class="brand" href="http://www.openfl.org"><img alt="" src="http://www.openfl.org/images/logo.png"/></a><a class="brand" style="color:#777777" href="../../">API Reference</a></div></div></div></nav><div class="container main-content"><div class="row-fluid"><div class="span3"><div class="well sidebar-nav"><form class="form-search" id="searchForm"><div class="input-prepend input-block-level"><span class="add-on"><i class="icon-search"></i></span><input id="search" type="text" placeholder="Search" autocomplete="off"/></div></form><div class="dropdown"><select id="select-platform" class="selectpicker" title="Filter by platform" data-width="100%"><option value="all" selected="true">All Platforms</option><option>Neko</option><option>Android</option><option>Flash</option><option>iOS</option><option>macOS</option><option>Linux</option><option>HTML5</option><option>Windows</option></select></div></div><div class="well sidebar-nav"><div id="nav"></div></div></div><div class="span9"><div class="page-header"><h1><small>class</small> KeyframeEffectReadOnly</h1><h4><small>package <a href="../../js/html/index.html">js.html</a></small></h4><h4><small>extends <a class="type" title="The AnimationEffectReadOnly interface of the Web Animations API defines current and future animation effects like KeyframeEffect, which can be passed to Animation objects for playing, and KeyframeEffectReadOnly (which is used by CSS Animations and Transitions)." href="../../js/html/AnimationEffectReadOnly.html">AnimationEffectReadOnly</a></small></h4> <p class="availability"><hr/><em>Available on HTML5</em></p></div><div class="body"><div class="doc doc-main"><div class="indent"><p>The <code><a href="../../js/html/KeyframeEffectReadOnly.html">KeyframeEffectReadOnly</a></code> interface of the Web Animations API describes sets of animatable properties and values that can be played using the <code>Animation.Animation()</code> constructor, and which are inherited by <code>KeyframeEffect</code>.</p>
|
||
<p>Documentation <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffectReadOnly">KeyframeEffectReadOnly</a> by <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffectReadOnly$history">Mozilla Contributors</a>, licensed under <a href="https://creativecommons.org/licenses/by-sa/2.5/">CC-BY-SA 2.5</a>.</p><p class="javadoc">See:</p><div class="indent inline-content"><p><a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffectReadOnly">https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffectReadOnly</a></p></div></div></div><h3 class="section">Constructor</h3><div class="fields"><div class="field "><a name="new"></a><h3><p><code><a href="#new"><span class="identifier">new</span></a> (<span style="white-space:nowrap">target:<a class="type" title="An abstract type allowing values to be either of T1 or T2 type." href="../../haxe/extern/EitherType.html">EitherType</a><<a class="type" title="The HTMLElement interface represents any HTML element." href="../../js/html/Element.html">Element</a>, <a class="type" title="" href="../../js/html/CSSPseudoElement.html">CSSPseudoElement</a>>,</span> <span style="white-space:nowrap">frames:<a class="type" title="Dynamic is a special type which is compatible with all other types." href="../../Dynamic.html">Dynamic</a>,</span> <span style="white-space:nowrap">?options:<a class="type" title="An abstract type allowing values to be either of T1 or T2 type." href="../../haxe/extern/EitherType.html">EitherType</a><<a class="type" title="The standard Float type, this is a double-precision IEEE 64bit float." href="../../Float.html">Float</a>, <a class="type" title="Dynamic is a special type which is compatible with all other types." href="../../Dynamic.html">Dynamic</a>></span>)</code></p></h3><div class="doc"><p class="javadoc">Throws:</p><table class="table table-bordered params"><div class="indent inline-content"><tr><th width="25%"><code>null</code></th><td><p>DOMError</p></td></tr></div></table></div></div></div><h3 class="section">Variables</h3><div class="fields"><div class="field "><a name="composite"></a><h3><p><code><span class="label">read only</span><a href="../../js/html/KeyframeEffectReadOnly.html#composite"><span class="identifier">composite</span></a>:<a class="type" title="" href="../../js/html/CompositeOperation.html">CompositeOperation</a></code></p></h3><div class="doc"><p>The composite operation property for resolving the property value changes between this and other keyframe effects.</p></div></div><div class="field "><a name="iterationComposite"></a><h3><p><code><span class="label">read only</span><a href="../../js/html/KeyframeEffectReadOnly.html#iterationComposite"><span class="identifier">iterationComposite</span></a>:<a class="type" title="" href="../../js/html/IterationCompositeOperation.html">IterationCompositeOperation</a></code></p></h3><div class="doc"><p>The iteration composite operation for resolving the property value changes of this keyframe effect.</p></div></div><div class="field "><a name="spacing"></a><h3><p><code><span class="label">read only</span><a href="../../js/html/KeyframeEffectReadOnly.html#spacing"><span class="identifier">spacing</span></a>:<a class="type" title="The basic String class." href="../../String.html">String</a></code></p></h3><div class="doc"><p>The temporal spacing of the keyframe effect's iterations</p></div></div><div class="field "><a name="target"></a><h3><p><code><span class="label">read only</span><a href="../../js/html/KeyframeEffectReadOnly.html#target"><span class="identifier">target</span></a>:<a class="type" title="An abstract type allowing values to be either of T1 or T2 type." href="../../haxe/extern/EitherType.html">EitherType</a><<a class="type" title="The HTMLElement interface represents any HTML element." href="../../js/html/Element.html">Element</a>, <a class="type" title="" href="../../js/html/CSSPseudoElement.html">CSSPseudoElement</a>></code></p></h3><div class="doc"><p>The element or pseudo-element being animated by this object. This may be <code>null</code> for animations that do not target a specific element.</p></div></div></div><h3 class="section">Methods</h3><div class="fields"><div class="field "><a name="getFrames"></a><h3><p><code><a href="#getFrames"><span class="identifier">getFrames</span></a> ():<a class="type" title="An Array is a storage for values." href="../../Array.html">Array</a><<a class="type" title="Dynamic is a special type which is compatible with all other types." href="../../Dynamic.html">Dynamic</a>></code></p></h3><div class="doc"><p class="javadoc">Throws:</p><table class="table table-bordered params"><div class="indent inline-content"><tr><th width="25%"><code>null</code></th><td><p>DOMError</p></td></tr></div></table></div></div></div> <div class="inherited-fields well"><h3 class="section">Inherited Variables</h3><div class="fields"><h4><a href="#" class="expand-button"><i class="fa fa-arrow-circle-o-right"></i></a> Defined by <a class="type" title="The AnimationEffectReadOnly interface of the Web Animations API defines current and future animation effects like KeyframeEffect, which can be passed to Animation objects for playing, and KeyframeEffectReadOnly (which is used by CSS Animations and Transitions)." href="../../js/html/AnimationEffectReadOnly.html">AnimationEffectReadOnly</a></h4><div style="display:none"><div class="field "><a name="timing"></a><h3><p><code><span class="label">read only</span><a href="../../js/html/AnimationEffectReadOnly.html#timing"><span class="identifier">timing</span></a>:<a class="type" title="The AnimationEffectTimingReadOnly interface of the Web Animations API is comprised of timing properties." href="../../js/html/AnimationEffectTimingReadOnly.html">AnimationEffectTimingReadOnly</a></code></p></h3><div class="doc"><p>The <code><a href="../../js/html/AnimationEffectTimingReadOnly.html">AnimationEffectTimingReadOnly</a></code> object associated with the animation containing all the animation's timing values.</p></div></div></div></div><h3 class="section">Inherited Methods</h3><div class="fields"><h4><a href="#" class="expand-button"><i class="fa fa-arrow-circle-o-right"></i></a> Defined by <a class="type" title="The AnimationEffectReadOnly interface of the Web Animations API defines current and future animation effects like KeyframeEffect, which can be passed to Animation objects for playing, and KeyframeEffectReadOnly (which is used by CSS Animations and Transitions)." href="../../js/html/AnimationEffectReadOnly.html">AnimationEffectReadOnly</a></h4><div style="display:none"><div class="field "><a name="getComputedTiming"></a><h3><p><code><a href="#getComputedTiming"><span class="identifier">getComputedTiming</span></a> ():<a class="type" title="" href="../../js/html/ComputedTimingProperties.html">ComputedTimingProperties</a></code></p></h3><div class="doc"><p>Returns the calculated timing properties for this Animation Effect.</p></div></div></div></div></div></div></div></div></div><footer class="section site-footer" style="background:#FAFAFA"><div class="container"><div class="copyright"><p style="color:#777777">© 2017 <a style="color:#777777" href="http://www.openfl.org">http://www.openfl.org</a></p></div></div></footer><script src="../..//highlighter.js"></script><link href="../../highlighter.css" rel="stylesheet"/></body></html> |