/ Code Css animationIterationCount | Résutat du code Css animationIterationCount | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété JS / CSS animationIterationCount.

<style>
.cadre-gris { margin: 5px 0; }
.cadre-vert{
  width : 300px; 
  animation-name : exemple0 ; 
  animation-delay : 0; 
  animation-direction : alternate; 
  animation-duration : 3s; 
  animation-play-state : running; 
}
@keyframes exemple0 {
    from {
         width : 300px; 
    }
    to {
        width : 500px; 
    }
}
</style>
<div class="cadre-exemple" id="exemple">
    <h3 id="exemple-desc">Valeur par défaut</h3>
    <div class="cadre-gris">
        <span id="exemple-desc-0">Valeur initiale de animationIterationCount.</span>
        <p id="exemple-style-0" class="cadre-vert"> Effet animationIterationCount.</p>
    </div>
</div>
<script>
initExemple('animation-iteration-count', 'animationIterationCount', [ '2', 'infinite', '0'], 1); 
</script>

Interprétation du code de la propriété animationIterationCount JS / CSS par votre navigateur.

Valeur par défaut

Valeur initiale de animationIterationCount.

Effet animationIterationCount.

Interprétation normale du code de la propriété JS / CSS animationIterationCount (copie d'écran).

copie d'écran de l'affichage de la propriété JS / CSS animationIterationCount