+<div class="api"><header class="docs-reference-header"><span class="docs-reference-category">@angular/animations</span><div class="docs-reference-title"><div><h1>AnimateTimings</h1><div class="docs-api-item-label" data-mode="full" data-type="type_alias">Type Alias</div></div><a class="docs-github-links" target="_blank" href="https://github.com/angular/angular/blob/main/packages/animations/src/animation_metadata.ts#L27-L48" title="View source" aria-label="View source"><i role="presentation" aria-hidden="true" class="material-symbols-outlined">code</i></a></div><p class="docs-reference-description"></p><p data-ng_translator_product="100" data-ng_translator_confirmed data-ng_translator_ref_id="74xgbonq4v7bkgi7fvi8fg4gm">表示一个动画步骤中的动画时序参数。</p><p></p><nav class="docs-pill-row"><a class="docs-pill" href="api/animations/animate">animate</a></nav></header><div data-tab="API" data-tab-url="api"><div class="docs-reference-api-tab"><div class="docs-code"><pre class="docs-mini-scroll-track"><code><div class="hljs-ln-line "><span class="hljs-keyword">type</span> <span class="hljs-title class_">AnimateTimings</span> = {</div><div class="hljs-ln-line "> <span class="hljs-comment">/**</span></div><div class="hljs-ln-line "> * The full duration of an animation step. A number and optional time unit,</div><div class="hljs-ln-line "> * such as "1s" or "10ms" for one second and 10 milliseconds, respectively.</div><div class="hljs-ln-line "> * The default unit is milliseconds.</div><div class="hljs-ln-line "> */</div><div class="hljs-ln-line "> <span class="hljs-attr">duration</span>: <span class="hljs-built_in">number</span>;</div><div class="hljs-ln-line "> <span class="hljs-comment">/**</span></div><div class="hljs-ln-line "> * The delay in applying an animation step. A number and optional time unit.</div><div class="hljs-ln-line "> * The default unit is milliseconds.</div><div class="hljs-ln-line "> */</div><div class="hljs-ln-line "> <span class="hljs-attr">delay</span>: <span class="hljs-built_in">number</span>;</div><div class="hljs-ln-line "> <span class="hljs-comment">/**</span></div><div class="hljs-ln-line "> * An easing style that controls how an animations step accelerates</div><div class="hljs-ln-line "> * and decelerates during its run time. An easing function such as `cubic-bezier()`,</div><div class="hljs-ln-line "> * or one of the following constants:</div><div class="hljs-ln-line "> * - `ease-in`</div><div class="hljs-ln-line "> * - `ease-out`</div><div class="hljs-ln-line "> * - `ease-in-and-out`</div><div class="hljs-ln-line "> */</div><div class="hljs-ln-line "> <span class="hljs-attr">easing</span>: <span class="hljs-built_in">string</span> | <span class="hljs-literal">null</span>;</div><div class="hljs-ln-line ">}</div></code></pre></div></div></div></div>
0 commit comments