mardi 23 janvier 2018
Mario
<svg width="400" height="250">
<image xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQN4sUiHERRVk6GIC42PH7N4jhI0GHa_hb7bNmGTrNSeYoTzXHKGSxjeK9DkTJ9HkXCTZ384fkufYFaAdo3_m2LfWvicN9ZoTra62AGXJ5DC37a6Li8XciW5l5UzK4gMuhhcIRt-RDlA/s1600/mario1.png" x="0" y="0" width="400" height="250"/>
<g id="mario">
<image xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9NYi_Rdb-qP2ghsfCccNnyUZEl0ghZDRzpytYnNTt6iDY0bau5sITt30YFSJ80znamlGmBQpKDU_uIRNdlYFmcKfQYxdjV6HPIOSPNm9NfoVD7eW12oK7yNtVUJlUpynEkPBDQ8d2MQ/s1600/mario2.png" x="0" y="0" width="400" height="250"/>
<animateTransform attributeType="xml" begin="mario.mousedown" attributeName="transform" type="rotate" values="0 172 132;180 172 132;0 172 132" dur="0.6s" repeatCount="1" fill="freeze"/>
</g>
<g>
<image xlink:href="https://www.mariowiki.com/images/thumb/7/78/PMCS_Mega_Goomba_Idle_Animated.gif/180px-PMCS_Mega_Goomba_Idle_Animated.gif" x="400" y="120" width="90" height="116" opacity="0.84"/>
<animateMotion from="0,0" to="-490,0" begin="0s" dur="6s" repeatcount="indefinite"></animateMotion>
</g>
<g transform="scale(0.1)">
<g>
<path id="svg_1" d="m260,120l21.00828,0l6.49172,-19.95778l6.49172,19.95778l21.00828,0l-16.99602,12.33444l6.49206,19.95778l-16.99603,-12.33478l-16.99603,12.33478l6.49206,-19.95778l-16.99603,-12.33444z" fill="gold"/>
<animateTransform attributeType="xml" begin="mario.mousedown" attributeName="transform" type="scale" values="10;20" dur="0.6s" repeatCount="1"/>
</g>
</g>
</svg>
-
Animation attribute (width, opacity, etc.) <animate attributeName="?" begin="0s" dur="6s" repeatCount...
-
Generate