html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<div id="cube">
<div class="side1"><p>🌻</p></div>
<div class="side2"><p>🌺</p></div>
<div class="side3"><p>🌻</p></div>
<div class="side4"><p>🌻</p></div>
<div class="side5"><p>🌷</p></div>
<div class="side6"><p>🌺</p></div>
</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
*{
box-sizing:border-box;
}
body{
width:100%;
height:100%;
margin:0%;
padding:0%;
overflow:hidden;
background:#262626;
perspective:2000px;
-webkit-perspective:2000px;
-moz-perspective:2000px;
-o-perspective:2000px;
-ms-perspective:2000px;
}
#cube{
position:relative;
top:158px;
margin:0 auto;
width:200px;
height:200px;
-webkit-animation:move 7s infinite linear;
-moz-animation:move 7s infinite linear;
-o-animation:move 7s infinite linear;
-ms-animation:move 7s infinite linear;
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run