mozilla

Compare Revisions

animation-fill-mode

Change Revisions

Revision 289964:

Revision 289964 by teoli on

Revision 289966:

Revision 289966 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 289964
Revision 289966
t68        The target will retain the computed values set by the last68        The target will retain the computed values set by the las
>t keyframe encountered during execution. This is usually the <cod>t keyframe encountered during execution. The last keyframe encoun
>e>100%</code> or <code>to</code> <a href="/en-US/docs/CSS/@keyfra>tered depends of the value of {{ cssxref("animation-direction") }
>mes" title="http://@keyframes">keyframe</a>, unless {{ cssxref("a>} and {{ cssxref("animation-iteration-count") }}:<br>
>nimation-direction") }} is <code>alternate</code> and {{ cssxref( 
>"animation-iteration-count") }} is set to an even number, in whic 
>h case it is the <code>0%</code> or <code>from</code> <a href="/e 
>n-US/docs/CSS/@keyframes" title="http://@keyframes">keyframe</a>. 
69        <table class="standard-table">
70          <thead>
71            <tr>
72              <th scope="col">
73                animation-direction
74              </th>
75              <th scope="col">
76                animation-iteration-count
77              </th>
78              <th scope="col">
79                last keyframe encountered
80              </th>
81            </tr>
82          </thead>
83          <tbody>
84            <tr>
85              <td>
86                <code>normal</code>
87              </td>
88              <td>
89                even or odd
90              </td>
91              <td>
92                <code>100%</code> or <code>to</code>
93              </td>
94            </tr>
95            <tr>
96              <td>
97                <code>reverse</code>
98              </td>
99              <td>
100                even or odd
101              </td>
102              <td>
103                <code>0%</code> or <code>from</code>
104              </td>
105            </tr>
106            <tr>
107              <td>
108                <code>alternate</code>
109              </td>
110              <td>
111                even
112              </td>
113              <td>
114                <code>0%</code> or <code>from</code>
115              </td>
116            </tr>
117            <tr>
118              <td>
119                <code>alternate</code>
120              </td>
121              <td>
122                odd
123              </td>
124              <td>
125                <code>100%</code> or <code>to</code>
126              </td>
127            </tr>
128            <tr>
129              <td>
130                <code>alternate-reverse</code>
131              </td>
132              <td>
133                even
134              </td>
135              <td>
136                <code>100%</code> or <code>from</code>
137              </td>
138            </tr>
139            <tr>
140              <td>
141                <code>alternate-reverse</code>
142              </td>
143              <td>
144                odd
145              </td>
146              <td>
147                <code>0%</code> or <code>to</code>
148              </td>
149            </tr>
150          </tbody>
151        </table>

Back to History