Comparaison de révisions

animation-iteration-count

Révision 50120 :

Révision 50120 par tregagnon le

Révision 355343 :

Révision 355343 par teoli le

Titre :
animation-iteration-count
animation-iteration-count
Identifiant d'URL :
CSS/animation-iteration-count
CSS/animation-iteration-count
Contenu :

Révision 50120
Révision 355343
t7    REDIRECT <a class="redirect" href="/docs/fr/CSS/CSS_:_la_propt7    <p>
>ri%C3%A9t%C3%A9_animation-iteration-count">fr/CSS/CSS_:_la_propri 
>été_animation-iteration-count</a> 
8      {{ CSSRef() }}
9    </p>
10    <p>
11      {{ SeeCompatTable() }}
12    </p>
13    <h2 id="R.C3.A9sum.C3.A9">
14      Résumé
15    </h2>
16    <p>
17      La propriété <a href="/fr/docs/CSS" title="/fr/docs/CSS">CS
 >S</a> <code>animation-iteration-count</code> définie le nombre de
 > fois qu'un cycle d'animation doit être joué avant de s'arrêter.
18    </p>
19    <p>
20      Il est souvent utile d'utiliser la propriété raccourcie {{ 
 >cssxref("animation") }} afin de définir toutes les propriétés en 
 >une fois.
21    </p>
22    <ul class="cssprop">
23      <li>{{ Xref_cssinitial() }} : <code>1</code>
24      </li>
25      <li>S'applique à : éléments de niveau bloc et éléments de n
 >iveau en ligne
26      </li>
27      <li>{{ Xref_cssinherited() }} : non
28      </li>
29      <li>Média : {{ Xref_cssvisual() }}
30      </li>
31      <li>{{ Xref_csscomputed() }} : comme spécifiée
32      </li>
33    </ul>
34    <h2 id="Syntaxe">
35      Syntaxe
36    </h2>
37    <pre class="eval syntaxbox">
38animation-iteration-count: infinite | &lt;number&gt; [, infinite 
 >| &lt;number&gt;]*
39</pre>
40    <h3 id="Valeurs">
41      Valeurs
42    </h3>
43    <dl>
44      <dt>
45        <code>infinite</code>
46      </dt>
47      <dd>
48        L'animation se répétera à l'infini.
49      </dd>
50      <dt>
51        <code>&lt;number&gt;</code>
52      </dt>
53      <dd>
54        Le nombre de fois que l'animation doit être répétée. La v
 >aleur par défaut est <code>1</code>. Une valeur négative est trai
 >tée comme <code>0</code>. Il est possible de spécifie des valeur 
 >non-entières pour jouer une partie d'un cycle d'animation (par ex
 >emple 0,5 jouera la moitié du cycle d'animation).
55      </dd>
56    </dl>
57    <h2 id="Exemples">
58      Exemples
59    </h2>
60    <p>
61      Voir <a href="/fr/CSS/Animations_CSS" title="fr/CSS/Animati
 >ons_CSS">Animations CSS</a> pour des exemples.
62    </p>
63    <h2 id="Specifications" name="Specifications">
64      Spécifications
65    </h2>
66    <table class="standard-table">
67      <thead>
68        <tr style="background-color: rgb(255, 204, 255);">
69          <th scope="col">
70            Spécification
71          </th>
72          <th scope="col">
73            État
74          </th>
75          <th scope="col">
76            Commentaire
77          </th>
78        </tr>
79      </thead>
80      <tbody>
81        <tr>
82          <td>
83            <a class="external" href="http://dev.w3.org/csswg/css
 >3-animations/#the-animation-iteration-count-property-" title="htt
 >p://dev.w3.org/csswg/css3-animations/#the-animation-iteration-cou
 >nt-property-">CSS Animations Level 3</a>
84          </td>
85          <td>
86            {{ Spec2('CSS3 Animations') }}
87          </td>
88          <td>
89            &nbsp;
90          </td>
91        </tr>
92      </tbody>
93    </table>
94    <h2 id="Browser_Compatibility" name="Browser_Compatibility">
95      Compatibilité des navigateurs
96    </h2>
97    <p>
98      {{ CompatibilityTable() }}
99    </p>
100    <div id="compat-desktop">
101      <table class="compat-table">
102        <tbody>
103          <tr>
104            <th>
105              Fonction
106            </th>
107            <th>
108              Chrome
109            </th>
110            <th>
111              Firefox (Gecko)
112            </th>
113            <th>
114              Internet Explorer
115            </th>
116            <th>
117              Opera
118            </th>
119            <th>
120              Safari (WebKit)
121            </th>
122          </tr>
123          <tr>
124            <td>
125              Support de base
126            </td>
127            <td>
128              {{ CompatVersionUnknown() }}{{ property_prefix("-we
 >bkit") }}
129            </td>
130            <td>
131              {{ CompatGeckoDesktop("5.0") }}{{ property_prefix("
 >-moz") }}
132            </td>
133            <td>
134              10 {{ property_prefix("-ms") }}
135            </td>
136            <td>
137              {{ CompatUnknown() }}
138            </td>
139            <td>
140              4.0{{ property_prefix("-webkit") }}
141            </td>
142          </tr>
143        </tbody>
144      </table>
145    </div>
146    <div id="compat-mobile">
147      <table class="compat-table">
148        <tbody>
149          <tr>
150            <th>
151              Fonction
152            </th>
153            <th>
154              Android
155            </th>
156            <th>
157              Firefox Mobile (Gecko)
158            </th>
159            <th>
160              IE Phone
161            </th>
162            <th>
163              Opera Mobile
164            </th>
165            <th>
166              Safari Mobile
167            </th>
168          </tr>
169          <tr>
170            <td>
171              Support de base
172            </td>
173            <td>
174              {{ CompatUnknown() }}
175            </td>
176            <td>
177              {{ CompatUnknown() }}
178            </td>
179            <td>
180              {{ CompatUnknown() }}
181            </td>
182            <td>
183              {{ CompatUnknown() }}
184            </td>
185            <td>
186              {{ CompatUnknown() }}
187            </td>
188          </tr>
189        </tbody>
190      </table>
191    </div>
192    <h2 id="Voir_.C3.A9galement">
193      Voir également
194    </h2>
195    <ul>
196      <li>
197        <a href="/fr/CSS/Animations_CSS" title="fr/CSS/Animations
 >_CSS">Animations CSS</a>
198      </li>
199      <li>{{ domxref("Event/AnimationEvent", "AnimationEvent") }}
200      </li>
201      <li>{{ CSS_Reference:animation() }}
202      </li>
203    </ul>
204    <p>
205      {{ languages( { "ja": "ja/CSS/animation-iteration-count", "
 >en": "en/CSS/animation-iteration-count"} ) }}
206    </p>

Retour à l'historique