English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS3 animation-iteration-La propriété count spécifie le nombre de fois que l'animation doit être jouée avant de s'arrêter.
Le tableau suivant résume l'utilisation de cette propriété et l'historique des versions.
| Valeur par défaut : | 1 |
|---|---|
| Appliqué à : | Tous les éléments ::before et ::after Élément factice |
| Héritage : | Aucun |
| Animation possible : | Non.Veuillez consulter Attribut d'animation。 |
| Version : | CSS3Nouvelle fonction |
| Nouvelle fonction en JavaScript: | object object.style.animationIterationCount=3 |
La syntaxe de cet attribut est la suivante :
animation-iteration-count: number | infinite | initial | inherit
L'exemple suivant montre comment utiliser l'animation-iteration-Attribut count.
.box {
width: 50px;
height: 50px;
background: red;
position: relative;
/* Chrome, Safari, Opera */
-webkit-animation-name: moveit;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-name: moveit;
animation-duration: 4s;
animation-iteration-count: infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes moveit {
from {left: 0;}
to {left: 50%;}
}
@keyframes moveit {
from {left: 0;}
to {left: 50%;}
}Vérifiez ici‹/›Le tableau suivant décrit les valeurs de cet attribut.
| Valeur | Description |
|---|---|
| number | Spécifiez le nombre de fois que l'animation doit se répéter. La valeur par défaut est1。Ne pas utiliser de valeurs négatives. |
| infinite | L'animation se répète toujours, c'est-à-dire un nombre infini de fois. |
| initial | Réinitialisez cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise l'animation de son élément parent-iteration-Valeur calculée de l'attribut count. |
Attention :Vous pouvez spécifier des valeurs non entières telles que 0.5，0.75Un cycle d'animation ne représente qu'une partie de l'animation, par exemple une valeur de 0.5Joue la moitié du cycle de l'animation.
animation-iteration-Compatibilité du navigateur pour l'attribut count, tous les navigateurs populaires prennent en charge cet attribut.
|
Veuillez consulter les tutoriels suivants :CSS3Animation。
Attributs et règles associés :animation，animation-name，animation-duration，animation-timing-function，animation-delay，animation-direction，animation-fill-mode，animation-play-state，@keyframes。