jeudi 13 septembre 2018
nca
<svg width="300" height="300">
<defs>
<radialGradient id="grad2">
<stop offset="0%" stop-color="lightblue"/>
<stop offset="100%" stop-color="royalblue"/>
</radialGradient>
</defs>
<rect width="300" height="300" fill="url(#grad2)"/>
<rect fill="#DFD197" width="300" height="150" y="164"/>
<rect width="300" height="300" fill="none" stroke="#000"/>
<g>
<ellipse cx="150" cy="150" fill="#585800" rx="5" ry="10"/>
<rect width="2" height="5" fill="#3a3a00" x="146" y="160">
<animate attributeName="y" begin="0s" dur="1s" repeatCount="indefinite" values="160;157;160"/>
</rect>
<rect width="2" height="5" fill="#3a3a00" x="151" y="160">
<animate attributeName="y" begin="0s" dur="1s" repeatCount="indefinite" values="157;160;157"/>
</rect>
<rect width="10" height="10" x="145" y="150" fill=" #585800"/>
<rect fill="salmon" width="6" height="6" rx="1" ry="1" x="150" y="142">
<animate attributeName="y" begin="0s" dur="1s" repeatCount="indefinite" values="142;143;142"/>
</rect>
<rect fill="salmon" width="3" height="3" rx="1" ry="1" x="148" y="152">
<animate attributeName="y" begin="0s" dur="1s" repeatCount="indefinite" values="152;153;152"/>
</rect>
<rect fill="salmon" width="3" height="3" rx="1" ry="1" x="154" y="152">
<animate attributeName="y" begin="0s" dur="1s" repeatCount="indefinite" values="153;152;153"/>
</rect>
<rect fill="lightgrey" width="6" height="2" rx="1" ry="1" x="150" y="142">
<animate attributeName="y" begin="0s" dur="1s" repeatCount="indefinite" values="142;143;142"/>
</rect>
<text style="font-family:arial" font-size="20" fill="red" x="130" y="130">
hey !
<animate attributeName="opacity" begin="0s" dur="1s" repeatCount="indefinite" values="0;1;0"/>
<animate attributeName="font-size" begin="0s" dur="1s" repeatCount="indefinite" values="20;30;20"/>
</text>
<rect fill="red" x="152" y="146" width="2" height="3" rx="1" ry="1">
<animate attributeName="height" begin="0s" dur="1s" repeatCount="indefinite" values="0;3;0"/>
</rect>
<animateMotion begin="0s" dur="12s" repeatCount="indefinite" values="-160,0;160,0"/>
</g>
</svg>
-
Animation attribute (width, opacity, etc.) <animate attributeName="?" begin="0s" dur="6s" repeatCount...
-
Generate