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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>°•Shapes | Css•°</h1>
<h2>Apple</h2>
<section>
<div class="center">
<div class="container">
<div class="apple"></div>
</div>
</div>
</section>
<h2>pac man</h2>
<section>
<div class="pac-man"></div>
</section>
<h2>Lemniscate</h2>
<section>
<div class="alpha"></div>
</section>
<h2>Video </h2>
<section>
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
@import url('https://fonts.googleapis.com/css?family=Almendra+SC');
body{
margin:0;
padding:0;
font-family:verdana;
background:#252525;
}
.center{
position:absolute ;
top:30%;
left:30%;
transform:translate(-50%,-50%);
}
section{
margin-top:15%;
width:92%;
margin-left:5%;
border-radius:10px;
font-family:cursive;
box-sizing:border-box;
padding:3px;
margin-bottom:10%;
height:300px;
overflow-y:auto;
box-shadow:0 0 30px #b8a9c9;
background: #FFf;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run