rectangle animateion 1

0

作品を見る
http://etext-music.com/works/svg/SVG02_1.html

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="640" height="640" style="background:black">
<rect y="000" width="320" height="160" fill="white " opacity="0.6">
<animate attributeType="XML" attributeName="x" dur="094s" values="-320; 640; -320"
repeatCount="indefinite" />
</rect>
<rect y="080" width="320" height="160" fill="yellow " opacity="0.6">
<animate attributeType="XML" attributeName="x" dur="065s" values="-320; 640; -320"
repeatCount="indefinite" />
</rect>
<rect y="160" width="320" height="160" fill="red " opacity="0.6">
<animate attributeType="XML" attributeName="x" dur="060s" values="-320; 640; -320"
repeatCount="indefinite" />
</rect>
<rect y="240" width="320" height="160" fill="white " opacity="0.6">
<animate attributeType="XML" attributeName="x" dur="054s" values="-320; 640; -320"
repeatCount="indefinite" />
</rect>
<rect y="320" width="320" height="160" fill="white " opacity="0.6">
<animate attributeType="XML" attributeName="x" dur="062s" values="-320; 640; -320"
repeatCount="indefinite" />
</rect>
<rect y="400" width="320" height="160" fill="red " opacity="0.6">
<animate attributeType="XML" attributeName="x" dur="084s" values="-320; 640; -320"
repeatCount="indefinite" />
</rect>
<rect y="480" width="320" height="160" fill="red " opacity="0.6">
<animate attributeType="XML" attributeName="x" dur="089s" values="-320; 640; -320"
repeatCount="indefinite" />
</rect>
<rect y="560" width="320" height="160" fill="white " opacity="0.6">
<animate attributeType="XML" attributeName="x" dur="059s" values="-320; 640; -320"
repeatCount="indefinite" />
</rect>
</svg>

Default