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>
<!-- Note: I created the logo from my mind, it is probably not very accurate. -->
<!-- Homestuck and SBURB logo are copyright of Andrew Hussie, obviously.-->
<html>
<head>
<title> Homestuck SBURB logo replica </title>
<link rel="stylesheet" href="MultiAnim.css">
</head>
<body>
<div id="HouseUL"></div>
<div id="HouseUR"><div id="InnerUR"></div></div>
<div id="RotatingThingy"></div>
<div id="HouseDL"></div>
<div id="HouseDR"></div>
<div id="RoofL">
<svg width="150" height="100">
<polygon points="0,100 150,100 150,0" style="fill:green;" />
<rect x="50" y="35" width="30" height="50" style="fill:green" />
</svg>
</div>
<div id="RoofR">
<svg width="150" height="100">
<polygon points="0,0 0,100 150,100" style="fill:green;" />
</svg>
</div>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
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
body{
background-color: beige;
}
div{
width: 100px;
height: 100px;
background-color: green;
position: absolute;
}
#HouseUR
{
animation: moveNE 2s infinite forwards;
top: 150px;
left: 175px;
}
#HouseUL
{
animation: moveNW 2s infinite forwards;
top: 150px;
left: 75px;
}
#HouseDR
{
animation: moveSE 2s infinite forwards;
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run