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
<!--Created by Fauxy Hammawa-->
<!DOCTYPE html>
<html>
<head>
<title>Fauxy's Panda</title>
</head>
<body>
<div class="head">
</div>
<div class="ear1"></div>
<div class="ear2"></div>
<div class="ear3"></div>
<div class="ear4"></div>
<div class="eye1"></div>
<div class="eye2"></div>
<div class="eye3"></div>
<div class="eye4"></div>
<div class="eye5"></div>
<div class="eye6"></div>
<div class="eye7"></div>
<div class="eye8"></div>
<div class="nose1"></div>
<div class="nose2"></div>
<div class="mouth1" ></div>
<div class="mouth2"></div>
<div class="mouth3"></div>
<div class="hand1"></div>
<div class="hand2"></div>
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
/*Created by fauxy Hammawa*/
body{
background:-webkit-linear-gradient(left, #622569, #da70d6);
width:270px;
height:600px;
}
.head{
background-color:white;
width:120px;
box-shadow: inset -2px 2px 3px 0px #696969,
inset 2px -2px 3px 0px #696969;
height:105px;
border-radius:55px;
margin-left:90px;
margin-top:50px;
position:relative;
z-index:2;
}
.ear1{
background-color:black;
width:60px;
height:45px;
border-radius:30px 30px 3px 3px;
transform:translate(75px, -120px) rotate(-45deg);
box-shadow: inset 1px 1px 2px 0px white,
inset -1px -1px 2px 0px white;
}
.ear2{
js
js
1
BROWSER
Console
Run