vendredi 4 décembre 2015
Traits
<svg width="410" height="410" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<title>Layer 1</title>
<g>
<rect id="svg_1" rx="5" ry="5" height="10" width="100" y="200" x="200" fill="#7f7f7f"/>
<g>
<rect id="svg_2" rx="5" ry="5" height="100" width="10" y="200.25" x="290" fill="#7f7f7f"/>
<rect id="svg_3" rx="5" ry="5" height="10" width="100" y="290" x="290" fill="#7f7f7f">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 295 295; 90 295 295; 0 295 295" begin="0s" dur="5s" fill="freeze" repeatCount="indefinite"/>
</rect>
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 295 205; 180 295 205; 0 295 205" begin="0s" dur="10s" fill="freeze" repeatCount="indefinite"/>
</g>
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 205 205; 360 205 205; 0 205 205" begin="0s" dur="20s" fill="freeze" repeatCount="indefinite"/>
</g>
<g>
<rect id="svg_1" rx="5" ry="5" height="10" width="100" y="200" x="200" fill="#7f7f7f"/>
<g>
<rect id="svg_2" rx="5" ry="5" height="100" width="10" y="200.25" x="290" fill="#7f7f7f"/>
<rect id="svg_3" rx="5" ry="5" height="10" width="100" y="290" x="290" fill="#7f7f7f">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 295 295; -90 295 295; 0 295 295" begin="0s" dur="5s" fill="freeze" repeatCount="indefinite"/>
</rect>
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 295 205; -180 295 205; 0 295 205" begin="0s" dur="10s" fill="freeze" repeatCount="indefinite"/>
</g>
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 205 205; -360 205 205; 0 205 205" begin="0s" dur="20s" fill="freeze" repeatCount="indefinite"/>
</g>
<g>
<rect id="svg_1" rx="5" ry="5" height="10" width="100" y="200" x="200" fill="#7f7f7f"/>
<g>
<rect id="svg_2" rx="5" ry="5" height="100" width="10" y="200.25" x="290" fill="#7f7f7f"/>
<rect id="svg_3" rx="5" ry="5" height="10" width="100" y="290" x="290" fill="#7f7f7f">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 295 295; 45 295 295; 0 295 295" begin="0s" dur="5s" fill="freeze" repeatCount="indefinite"/>
</rect>
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 295 205; 90 295 205; 0 295 205" begin="0s" dur="10s" fill="freeze" repeatCount="indefinite"/>
</g>
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 205 205; 180 205 205; 0 205 205" begin="0s" dur="20s" fill="freeze" repeatCount="indefinite"/>
</g>
<g>
<rect id="svg_1" rx="5" ry="5" height="10" width="100" y="200" x="200" fill="#7f7f7f"/>
<g>
<rect id="svg_2" rx="5" ry="5" height="100" width="10" y="200.25" x="290" fill="#7f7f7f"/>
<rect id="svg_3" rx="5" ry="5" height="10" width="100" y="290" x="290" fill="#7f7f7f">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 295 295; -45 295 295; 0 295 295" begin="0s" dur="5s" fill="freeze" repeatCount="indefinite"/>
</rect>
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 295 205; -90 295 205; 0 295 205" begin="0s" dur="10s" fill="freeze" repeatCount="indefinite"/>
</g>
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 205 205; -180 205 205; 0 205 205" begin="0s" dur="20s" fill="freeze" repeatCount="indefinite"/>
</g>
</svg>
-
Animation attribute (width, opacity, etc.) <animate attributeName="?" begin="0s" dur="6s" repeatCount...
-
Generate