html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
<body>
<svg width="380" height="300">
<!-- небо -->
<rect width="410" height="200" fill="blue">
<animate attributeName="fill" from="DarkSlateGray" to="SkyBlue" dur="6s" fill="freeze" repeatCount="2000" />
</rect>
<!-- Солнце -->
<circle cx="35" cy="35" r="50" fill="yellow">
<animate attributeName="cy" from="300" to="40" dur="6s" fill="freeze" repeatCount="indefinite" value=" 20; 100; 30"/>
<animate attributeName="cx" from="1000" to="60" dur="6s" fill="freeze" repeatCount="indefinite" value=" 20; 100; 30"/>
<!-- меняет цвет -->
<animate attributeName="fill" from="red" to="yellow" dur="6s" fill="freeze" repeatCount="indefinite" />
</circle>
<!-- трава -->
<ellipse cx="190" cy="230" rx="90" ry="70" style="fill: green">
<animate attributeName="rx" from="230" to="500" dur="6s" fill="freeze" repeatCount="indefinite" />
<animate attributeName="fill" from="DarkOliveGreen " to="green" dur="6s" fill="freeze" repeatCount="indefinite" />
</ellipse>
<!-- облако -->
<ellipse cx="100" cy="60" rx="62" ry="30" style="fill: #4682B4">
<animate attributeName="cx" from="20" to="600" dur="6s" fill="freeze" repeatCount="indefinite" />
</ellipse>
<ellipse cx="100" cy="40" rx="32" ry="30" style="fill: #808080">
<animate attributeName="cx" from="10" to="600" dur="6s" fill="freeze" repeatCount="indefinite" />
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run