mozilla

Compare Revisions

animation-fill-mode

Change Revisions

Revision 289966:

Revision 289966 by teoli on

Revision 289968:

Revision 289968 by teoli on

Title:
animation-fill-mode
animation-fill-mode
Slug:
CSS/animation-fill-mode
CSS/animation-fill-mode
Tags:
NeedsMobileBrowserCompatibility, CSS Reference, animation, css, css3-animations, CSS3
NeedsMobileBrowserCompatibility, CSS Reference, animation, css, css3-animations, CSS3
Content:

Revision 289966
Revision 289968
n73                animation-directionn73                <code>animation-direction</code>
n76                animation-iteration-countn76                <code>animation-iteration-count</code>
n136                <code>100%</code> or <code>from</code>n136                <code>100%</code> or <code>to</code>
n147                <code>0%</code> or <code>to</code>n147                <code>0%</code> or <code>from</code>
t157        The animation will apply the values defined in the <code>t157        The animation will apply the values defined in the first 
>0%</code> or <code>from</code> <a href="/en-US/docs/CSS/@keyframe>relevant <a href="/en-US/docs/CSS/@keyframes">keyframe</a> as soo
>s">keyframe</a> as soon as it is applied to the target, and retai>n as it is applied to the target, and retain this during the {{ c
>n this during the {{ cssxref("animation-delay") }} period.>ssxref("animation-delay") }} period. The first relevant keyframe 
 >depends of the value of {{ cssxref("animation-direction") }}:
158        <table class="standard-table">
159          <thead>
160            <tr>
161              <th scope="col">
162                <code>animation-direction</code>
163              </th>
164              <th scope="col">
165                first relevant keyframe
166              </th>
167            </tr>
168          </thead>
169          <tbody>
170            <tr>
171              <td>
172                <code>normal</code> or <code>alternate</code>
173              </td>
174              <td>
175                <code>0%</code> or <code>from</code>
176              </td>
177            </tr>
178            <tr>
179              <td>
180                <code>reverse</code> or <code>alternate-reverse</
 >code>
181              </td>
182              <td>
183                <code>100%</code> or <code>to</code>
184              </td>
185            </tr>
186          </tbody>
187        </table>

Back to History