mozilla

Compare Revisions

animation-delay

Change Revisions

Revision 22240:

Revision 22240 by teoli on

Revision 22241:

Revision 22241 by teoli on

Title:
animation-delay
animation-delay
Slug:
CSS/animation-delay
CSS/animation-delay
Tags:
css, NeedsBrowserCompatibility, "CSS Reference", animation, NeedsMobileBrowserCompatibility
css, NeedsBrowserCompatibility, "CSS Reference", animation, NeedsMobileBrowserCompatibility
Content:

Revision 22240
Revision 22241
n20      A value of 0 (the default) indicates that the animation shon20      A value of <code>0</code>, which is the default value of th
>uld begin as soon as it's applied. Otherwise, the value specifies>e property, indicates that the animation should begin as soon as 
> an offset from the moment the animation is applied to the elemen>it's applied. Otherwise, the value specifies an offset from the m
>t; animation will begin that amount of time after being applied.>oment the animation is applied to the element; animation will beg
 >in that amount of time after being applied.
21    </p>
22    <p>21    </p>
22    <p>
23      Specifying a negative value for the animation delay causes 23      Specifying a negative value for the animation delay causes 
>the animation to begin executing immediately. However, it will ap>the animation to begin executing immediately. However, it will ap
>pear to have begun executing partway through its cycle. For examp>pear to have begun executing partway through its cycle. For examp
>le, if you specify -1s as the animation delay time, the animation>le, if you specify <code>-1s</code> as the animation delay time, 
> will begin immediately but will start 1 second into the animatio>the animation will begin immediately but will start 1 second into
>n sequence.> the animation sequence.
n32      <li>{{ Xref_cssinitial() }}: 0n32      <li>{{ Xref_cssinitial() }}: <code>0</code>
n49    <h3>n49    <h2>
n51    </h3>n51    </h2>
nn66    <h2>
67      Specifications
68    </h2>
69    <table class="standard-table">
70      <thead>
71        <tr style="background-color: rgb(255, 204, 255);">
72          <th scope="col">
73            Specification
74          </th>
75          <th scope="col">
76            Status
77          </th>
78          <th scope="col">
79            Comment
80          </th>
81        </tr>
82      </thead>
83      <tbody>
84        <tr>
85          <td>
86            <a class="external" href="http://dev.w3.org/csswg/css
 >3-animations/#the-animation-delay-property-" title="http://dev.w3
 >.org/csswg/css3-animations/#the-animation-delay-property-">CSS An
 >imations Level 3</a>
87          </td>
88          <td>
89            {{ Spec2('CSS3 Animations') }}
90          </td>
91          <td>
92            &nbsp;
93          </td>
94        </tr>
95      </tbody>
96    </table>
t165      Specificationst
166    </h2>
167    <ul>
168      <li>{{ spec("http://www.w3.org/TR/css3-animations/#the-anim
>ation-delay-property-", "CSS Animations Module Level 3: animation 
>-delay", "WD") }} 
169      </li>
170    </ul>
171    <h2>

Back to History