Suivez-nous

Réseau

Apple propose l’animation CSS

neilime

Publié le

 

Par

Nouveauté dans le moteur de rendu WebKit, Apple propose aux concepteurs de site web de coder des animations directement depuis la feuille de style.

En utilisant une syntaxe du type :

@-webkit-keyframes bounce
from
left: 0px;

to
left: 200px;



il sera par exemple possible de faire bouger des éléments de la page. Pour affiner encore l’animation, il est possible d’insérer l’équivalent d’images clefs qui permettra au navigateur d’interpoler l’affichage des différentes étapes de transition entre ces images clefs.

But avoué de cette proposition de l’équipe Webkit : se passer du code Javascript difficile à maintenir dans le temps vu l’évolution rapide des navigateurs. D’ailleurs l’équipe proposera ces nouveautés à la standardisation.

But non avoué d’Apple ? Evidemment proposer de plus en plus d’effets qui permettront aux développeurs de se passer d’outils comme le Flash d’Adobe.

Si vous voulez aller voir ce que cela donne, il faudra avoir une version de développement du moteur de rendu, version dite nightly build.

CSS Animation sur Surfin’ Safari