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
<!DOCTYPE html>
<meta charset="utf-8"></meta>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<title>Page Title</title>
</head>
<body>
<svg width="100%" height="350">
<ellipse cx="90" cy="100" rx="50" ry="70" fill="#f2f2f2"></ellipse>
<circle cx="90" cy="100" r="20" fill="#3f3f3f">
<animate attributeName="cx" from="90" to="120" dur="2s" fill="freeze" repeatcount="1"/>
</circle>
<ellipse cx="250" cy="100" rx="50" ry="70" fill="#f2f2f2"></ellipse>
<circle cx="250" cy="100" r="20" fill="#3f3f3f">
<animate attributeName="cx" from="250" to="220"
dur="2s" fill="freeze" repeatCount="1"/>
</circle>
<circle cx="170" cy ="220" r="30" fill="orange">
</circle></svg>
</svg>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
body {
background-color: Lightgray;
}
h1{
color: hotpink;
text-align:center;
font-family: "Sofia" ;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run