Je devrais préciser que je suis tout nouveau dans le monde des SVG. Je m'amuse avec une expérience plutôt simple en utilisant des SVG et des animations CSS3.
J'ai créé le SVG dans Inkscape et je l'ai sauvegardé en tant que SVG simple. Ensuite, je l'ai mis dans HTML pour m'amuser avec quelques animations CSS3.
Comme vous pouvez le voir à partir de mon lien ci-dessous, tout le SVG rebondit étrangement, cela peut être enlevé en supprimant la classe .arm du CSS. (qui arrête le groupe de cercles rouges uniques qui a une classe de bras).
Le problème est que je veux que les groupes de cercles rouges s'animent (tournent) tandis que l'ensemble du groupe plus grand tourne également.
Des idées ou des choses évidentes que je pourrais mal faire? (je réalise que ce n'est pas le meilleur SVG mais je fais juste des expériences).
http://codepen.io/Fernker/pen/cwvfB
Note 1: Après avoir joué un peu plus, si je supprime soit les règles CSS .arm ou .center alors le tremblement s'arrête, mais ensemble ils produisent le tremblement.
