-
Notifications
You must be signed in to change notification settings - Fork 0
/
ellipsefruits.html
45 lines (44 loc) · 2.29 KB
/
ellipsefruits.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
<head>
<style>
#svgelem {
position: relative;
left: 10%;
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
}
</style>
<title>Ellipse Fruits</title>
</head>
<body>
<svg id = "svgelem" width = "500" height = "500">
<ellipse cx = "300" cy = "200" rx = "1500" ry = "450" fill = "rgb(61, 25, 4)" />
<ellipse cx = "30" cy = "25" rx = "100" ry = "85" fill = "rgb(255, 0, 0)" />
<ellipse cx = "30" cy = "10" rx = "60" ry = "10" fill = "rgb(20, 212, 36)" />
<ellipse cx = "15" cy = "75" rx = "15" ry = "80" fill = "rgb(240, 144, 60)" />
<ellipse cx = "90" cy = "15" rx = "15" ry = "20" fill = "rgb(20, 36, 179)" />
<ellipse cx = "120" cy = "20" rx = "20" ry = "30" fill = "rgb(222, 11, 39)" />
<ellipse cx = "320" cy = "50" rx = "75" ry = "75" fill = "rgb(217, 19, 15)" />
<ellipse cx = "320" cy = "18" rx = "5" ry = "30" fill = "rgb(219, 141, 81)" />
<ellipse cx = "330" cy = "15" rx = "30" ry = "5" fill = "rgb(58, 184, 44)" />
<ellipse cx = "190" cy = "90" rx = "150" ry = "150" fill = "rgb(138, 71, 33)" />
<ellipse cx = "190" cy = "45" rx = "15" ry = "15" fill = "rgb(5, 2, 2)" />
<ellipse cx = "200" cy = "30" rx = "15" ry = "15" fill = "rgb(5, 2, 2)" />
<ellipse cx = "180" cy = "30" rx = "15" ry = "15" fill = "rgb(5, 2, 2)" />
<ellipse cx = "70" cy = "125" rx = "90" ry = "90" fill = "rgb(255, 89, 0)" />
<ellipse cx = "150" cy = "275" rx = "250" ry = "200" fill = "rgb(36, 107, 26)" />
<ellipse cx = "148" cy = "250" rx = "240" ry = "30" fill = "rgb(43, 255, 0)" />
<ellipse cx = "145" cy = "186" rx = "100" ry = "20" fill = "rgb(43, 255, 0)" />
<ellipse cx = "150" cy = "310" rx = "235" ry = "25" fill = "rgb(43, 255, 0)" />
<ellipse cx = "150" cy = "365" rx = "100" ry = "15" fill = "rgb(43, 255, 0)" />
<ellipse cx = "320" cy = "140" rx = "50" ry = "50" fill = "rgb(77, 232, 16)" />
<ellipse cx = "320" cy = "160" rx = "60" ry = "60" fill = "rgb(77, 232, 16)" />
<ellipse cx = "320" cy = "110" rx = "5" ry = "30" fill = "rgb(219, 141, 81)" />
<ellipse cx = "330" cy = "230" rx = "75" ry = "50" fill = "rgb(242, 222, 8)" />
<ellipse cx = "330" cy = "300" rx = "75" ry = "50" fill = "rgb(12, 163, 12)" />
<ellipse cx = "330" cy = "370" rx = "75" ry = "50" fill = "rgb(138, 71, 33)" />
</svg>
</body>
</html>