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

<style>
.cadre-gris { margin: 5px 0; }
.cadre-vert{
  width : 300px; height : 30px; 
}
@keyframes exemplew0 {
    from {
         width : 300px; 
    }
    to {
        width : 500px; 
    }
}
@keyframes exempleh0 {
    from {
         height : 30px; 
    }
    to {
        height : 60px; 
    }
}
</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 animation.</span>
        <p id="exemple-style-0" class="cadre-vert"> Effet animation.</p>
    </div>
</div>
<script>
initExemple('animation', 'animation', ['exemplew0 5s ease-out 2s infinite normal none', 'none', 'exempleh0 3s ease-out 0s infinite normal none',], 1); 
</script>