mercredi 30 août 2017

Boing

<svg width="400" height="400">
<defs>
<circle cx="0" cy="0" r="20" fill="red" id="rondro"/>
<path d="M-17,0 a1,1 0 0,0 13,0" fill="yellow" id="rondja"/>
<path d="M-8,0 a1,1 0 0,0 4,0" fill="black" id="rondno"/>
</defs>
<g transform="translate(200,200)">
<use xlink:href="#rondro"/>
<use xlink:href="#rondja"/>
<use xlink:href="#rondja" transform="translate(21,0)"/>
<use xlink:href="#rondno"/>
<use xlink:href="#rondno" transform="translate(12,0)"/>
<animateTransform attribueType="xml" attributeName="transform" type="scale" additive="sum" values="0;50;0" begin="0s" dur="12s" repeatcount="indefinite"/>

</g>
</svg>