Exemple de code de la règle CSS @-webkit-keyframes{}.
<style>
#webkit-keyframes-animation {
-webkit-animation-duration : 5s;
-webkit-animation-name : animation;
-webkit-animation-iteration-count : infinite;
border : 1px solid #666;
padding : 5px;
width: 90%;
}
@-webkit-keyframes animation{
from { width : 90% }
25% { width : 50% }
50% { width : 60% }
to { width : 100px }
}
</style>
<div id="webkit-keyframes-animation">Je me réduis</div>
Interprétation du code de la règle @-webkit-keyframes{} CSS par votre navigateur.
Interprétation normale du code de la règle CSS @-webkit-keyframes{} (copie d'écran).