2011-06-30 8 views
3

J'ai besoin de faire une animation image par image en changeant la position d'arrière-plan d'un élément. Je dois le faire SANS ralentissement ou animation linéaire, juste en changeant la position de fond. Est-il possible de réaliser avec l'animation css3?css3 animations image par image

Répondre

6

Oui c'est via la nouvelle propriété step-function easing curves. Utilisez "step-start" ou "step-end" pour que la transition se fasse instantanément au début ou à la fin de la période spécifiée en transition-duration.

Vous pouvez également avoir plusieurs étapes: "steps (N, start | end])" qui aura la transition se produire dans des étapes équidistantes.

AFAIK cela est seulement pris en charge dans Chrome à ce jour.