278 | | <rect id="rec" x="300" y="100" width="300" height="100" style="fill:CCCC99"> |
279 | | <animate attributeName="x" attributeType="XML" begin="0s" dur="6s" fill="freeze" from="300" to="0"/> |
280 | | <animate attributeName="y" attributeType="XML" begin="0s" dur="6s" fill="freeze" from="100" to="0"/> |
281 | | <animate attributeName="width" attributeType="XML" begin="0s" dur="6s" fill="freeze" from="300" to="800"/> |
282 | | <animate attributeName="height" attributeType="XML" begin="0s" dur="6s" fill="freeze" from="100" to="300"/> |
283 | | <animateColor attributeName="fill" attributeType="CSS" from="lime" to="red" begin="2s" dur="4s" fill="freeze"/> |
284 | | </rect> |
| 279 | <image x="0" y="0" width="100%" height="100%" xlink:href="http://mpdl-test.mpiwg-berlin.mpg.de:30030/mpdl/images/slime_logo.png"> |
| 280 | <animate attributeType="CSS" attributeName="opacity" from="0" to="1" dur="5s" repeatCount="1" /> |
| 281 | <animate attributeName="width" attributeType="XML" begin="0s" dur="5s" fill="freeze" from="100" to="600"/> |
| 282 | <animate attributeName="height" attributeType="XML" begin="0s" dur="5s" fill="freeze" from="100" to="300"/> |
| 283 | </image> |
286 | | <g transform="translate(100,100)"> |
287 | | <text id="TextElement" x="0" y="0" style="font-family:Verdana;font-size:16; visibility:hidden"> Click and get Slime |
288 | | <set attributeName="visibility" attributeType="CSS" to="visible" begin="1s" dur="5s" fill="freeze"/> |
289 | | <animateMotion path="M 0 0 L 100 100" begin="1s" dur="5s" fill="freeze"/> |
290 | | <animateColor attributeName="fill" attributeType="CSS" from="red" to="blue" begin="1s" dur="5s" fill="freeze"/> |
291 | | <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="-30" to="0" begin="1s" dur="5s" fill="freeze"/> |
292 | | <animateTransform attributeName="transform" attributeType="XML" type="scale" from="1" to="3" additive="sum" begin="1s" dur="5s" fill="freeze"/> |
293 | | </text> |
294 | | </g> |