Exemple de code de la règle CSS @keyframes{}.

<style>
#keyframes-animation {
 animation-duration : 5s; 
 animation-name : animation; 
 animation-iteration-count : infinite; 
 border : 1px solid #666; 
 padding : 5px; 
 width : 90%; 
}
@keyframes animation{
 from {width: 90%}
 25% {width: 50%}
 50% {width: 60%}
 to {width: 100px; }
}
</style> 
<div id="keyframes-animation">Je me réduis</div>