SMIL Animated star button

Today one little thing;  I’m preparing  something bigger . I just need more time;

This is an animated star with SMIL attributes, even I know we can do it with ecmascript.

[svg src=http://www.fabkzo.com/images/etoiles.svg width=100 height=100]

So I’ve tested there a synchronisation between all elements after an interaction with the visible star.

Well, if you want the interaction working well you have to implement it in a Html5 based page ,there you’ll have to display it full to see the animation; to adjust size and position change the height, width and viewBox parameters.

Study it to understand 🙂

You can do almost the same  with CSS3 I think, but with multiple images called, must be heavier than that…

Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

AntiBot * Time limit is exhausted. Please reload CAPTCHA.