26-10-2013, 09:04 PM
CSS/SVG est plus gourmand qu'un petit GIF, mais moins qu'un GIF en "haute definition" (bien que GIF et HD me semblent incompatibles ^^).
Via les @keyframes de CSS, tu peux créer des animations avec une notion de temps. Cette animation peut très bien être un changement de taille (width/height) d'un élément SVG. Il ne te restera alors plus qu'à nommer l'élément SVG, et à lui appliquer le CSS (via un id ou une classe).
Je ne connais pas la compatibilité d'une telle méthode, mais elle doit être correcte.
Via les @keyframes de CSS, tu peux créer des animations avec une notion de temps. Cette animation peut très bien être un changement de taille (width/height) d'un élément SVG. Il ne te restera alors plus qu'à nommer l'élément SVG, et à lui appliquer le CSS (via un id ou une classe).
Je ne connais pas la compatibilité d'une telle méthode, mais elle doit être correcte.