28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai créé une petite illustration animée en SVG => http://mothsart.github.io/labo/frontend/interactive_svg/

Jusqu'à là, pas de soucis critique.
Seulement, j'aimerais proposer ce type d'illustration sur wikipedia commons et les règles sont strictes: uniquement du svg, pas de html et encore moins de script en javascript.

N'est autorisé que le svg, le css et le smil.

J'ai trouvé une astuce permettant de remplacer la checkbox => http://codepen.io/anon/pen/gwdYOO
(subterfuge => le bouton jaune et vert seront exactement identiques)
C'est très grossier mais l'idée est là.
Seulement voilà, si on clic plusieurs fois sur le bouton avant la fin de l'animation, on a pas exactement le comportement désiré.
Existe-t-il d'autres moyens pour parvenir à mes fins. (sans smil ça serait le top vu que google compte supprimer smil de son navigateur)
D'avance, merci.
Bonjour.

J'ai passé un peu de temps à faire quelque chose de vaguement comparable avec les animations CSS déclenchées par le cochage d'une checkbox pour un résultat pas complètement satisfaisant.

Franchement, avec les contraintes que vous avez, je ne vois pas ce que vous pouvez utiliser d'autre.

Sympa l'illustration.

Smiley smile