Art, asked by sarkarrubi865, 7 months ago

Your favourite cartoon​

Answers

Answered by Anonymous
7

Answer:

Doraemon......</p><p></p><p>&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Doraemon&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="head"&gt;</p><p></p><p>&lt;div class="eye_white"&gt;</p><p></p><p>&lt;ul&gt;</p><p></p><p>&lt;li&gt;&lt;div class="eye_black"&gt;&lt;/div&gt;&lt;/li&gt;</p><p></p><p>&lt;li&gt;&lt;div class="eye_black"&gt;&lt;/div&gt;&lt;/li&gt;</p><p></p><p>&lt;/ul&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="white"&gt;</p><p></p><p>&lt;div class="line_left"&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="line_right"&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="nose"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="line_vertical"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="mouth"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>.head{</p><p></p><p>width:600px;</p><p></p><p>height:600px;</p><p></p><p>border-radius:100%;</p><p></p><p>background:#3c9dca;</p><p></p><p>border: black solid thick;</p><p></p><p>}</p><p></p><p>.white{</p><p></p><p>width: 524px;</p><p></p><p>height: 462px;</p><p></p><p>border-radius: 100%;</p><p></p><p>position: relative;</p><p></p><p>top: 120px;</p><p></p><p>left: 38px;</p><p></p><p>background: #FFF;</p><p></p><p>border: black solid thin;</p><p></p><p>z-index: 0;</p><p></p><p>}</p><p></p><p>.eye_white {</p><p></p><p>position: relative;</p><p></p><p>top: 60px;</p><p></p><p>left: 130px;</p><p></p><p>z-index: 1;</p><p></p><p>}</p><p></p><p>.eye_white li{</p><p></p><p>width: 125px;</p><p></p><p>height: 152px;</p><p></p><p>border-radius: 100%;</p><p></p><p>background: #FFF;</p><p></p><p>list-style:none;</p><p></p><p>border: black solid thin;</p><p></p><p>display:block;</p><p></p><p>float:left;</p><p></p><p>}</p><p></p><p>.eye_black{</p><p></p><p>width: 25px;</p><p></p><p>height: 45px;</p><p></p><p>border-radius: 100%;</p><p></p><p>background: #000;</p><p></p><p>list-style:none;</p><p></p><p>top: 80px;</p><p></p><p>position:relative;</p><p></p><p>border: black solid thin;</p><p></p><p>display:block;</p><p></p><p>left: 10px;</p><p></p><p>-webkit-animation:move 6s ease infinite;</p><p></p><p>animation:move 6s ease infinite;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes move {</p><p></p><p>16%{top:95px;left:30px;}</p><p></p><p>32%{top:100px;left:60px;}</p><p></p><p>48%{top:80px;left:90px}</p><p></p><p>64%{top:100px;left:60px}</p><p></p><p>80%{top:95px;left:30px}</p><p></p><p>}</p><p></p><p>@keyframes move {</p><p></p><p>16%{top:95px;left:30px;}</p><p></p><p>32%{top:100px;left:60px;}</p><p></p><p>48%{top:80px;left:90px}</p><p></p><p>64%{top:100px;left:60px}</p><p></p><p>80%{top:95px;left:30px}</p><p></p><p>}</p><p></p><p>.eye_black::before{</p><p></p><p>content:'';</p><p></p><p>width: 10px;</p><p></p><p>height: 15px;</p><p></p><p>border-radius: 100%;</p><p></p><p>background: #fff;</p><p></p><p>list-style: none;</p><p></p><p>top: 16px;</p><p></p><p>position: relative;</p><p></p><p>display: block;</p><p></p><p>left: 7px;</p><p></p><p>}</p><p></p><p>.line_left{</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>transform:rotate(20deg);</p><p></p><p>top: 90px;</p><p></p><p>left: 14px;</p><p></p><p>position:relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p>.line_left::before{</p><p></p><p>content:'';</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>top: 70px;</p><p></p><p>transform:rotate(-20deg);</p><p></p><p>position:relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p>.line_left::after{</p><p></p><p>content:'';</p><p></p><p>transform:rotate(-40deg);</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>top: 120px;</p><p></p><p>left: 30px;</p><p></p><p>position:relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p>.line_right{</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>transform:rotate(160deg);</p><p></p><p>top: 90px;</p><p></p><p>left: 370px;</p><p></p><p>position:relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p>.line_right::before{</p><p></p><p>content:'';</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>bottom: 100px;</p><p></p><p>position:relative;</p><p></p><p>transform:rotate(30deg);</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>left:20px;</p><p></p><p>}</p><p></p><p>.line_right::after{</p><p></p><p>content:'';</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>bottom: 50px;</p><p></p><p>transform:rotate(10deg);</p><p></p><p>left: 0px;</p><p></p><p>position:relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p>.nose{</p><p></p><p>width: 45px;</p><p></p><p>height: 45px;</p><p></p><p>border-radius: 100%;</p><p></p><p>background: #b90319;</p><p></p><p>list-style: none;</p><p></p><p>top: 60px;</p><p></p><p>position: relative;</p><p></p><p>border: black solid thin;</p><p></p><p>display: block;</p><p></p><p>left: 236px;</p><p></p><p>z-index:2;</p><p></p><p>}</p><p></p><p>.nose::after{</p><p></p><p>content: '';</p><p></p><p>width: 15px;</p><p></p><p>height: 15px;</p><p></p><p>border-radius: 100%;</p><p></p><p>background: #FFF;</p><p></p><p>list-style: none;</p><p></p><p>top: 19px;</p><p></p><p>position: relative;</p><p></p><p>border: black solid thin;</p><p></p><p>display: block;</p><p></p><p>left: 9px;</p><p></p><p>}</p><p></p><p>.line_vertical{</p><p></p><p>width: 2px;</p><p></p><p>height: 310px;</p><p></p><p>top: 40px;</p><p></p><p>left: 258px;</p><p></p><p>position: relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>z-index: 1;</p><p></p><p>}</p><p></p><p>.mouth{</p><p></p><p>width: 400px;</p><p></p><p>heiht: 400px;</p><p></p><p>border-radius: 100%;</p><p></p><p>top: -358px;</p><p></p><p>left: 62px;</p><p></p><p>position: relative;</p><p></p><p>background: #100;</p><p></p><p>z-index: -1;</p><p></p><p>}</p><p></p><p>.mouth::after{</p><p></p><p>content: '';</p><p></p><p>width: 402px;</p><p></p><p>height: 401px;</p><p></p><p>top: -4px;</p><p></p><p>left: -1px;</p><p></p><p>border-radius: 100%;</p><p></p><p>position: relative;</p><p></p><p>display: block;</p><p></p><p>background: #FFF;</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Answered by queengetsy
1

Answer:

Doc mcstuffin

Explanation:

Attachments:
Similar questions