Math, asked by nandiniadhikary14, 7 months ago

answer this question properly and step by step instructions I give you 58 points.thank you have a great day​

Attachments:

Answers

Answered by rohin111bhattacharya
12

Answer:

You &lt;!DOCTYPE html&gt;</p><p>&lt;html lang="en"&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;Koala&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="character"&gt;</p><p>&lt;div class="head"&gt;</p><p>&lt;div class="ear ear-left"&gt; &lt;/div&gt;</p><p>&lt;div class="ear ear-rigth"&gt; &lt;/div&gt;</p><p>&lt;div class="eyes"&gt;&lt;/div&gt;</p><p>&lt;div class="nose"&gt;&lt;/div&gt;</p><p>&lt;div class="lip"&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class="body"&gt;</p><p>&lt;div class="hand hand-right"&gt;&lt;/div&gt;</p><p>&lt;div class="hand hand-left"&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;style&gt;</p><p>body {</p><p>display: flex;</p><p>justify-content: center;</p><p>padding-top: 150px;</p><p>}</p><p>.character {</p><p>position: relative;</p><p>}</p><p>.character .head {</p><p>height: 125px;</p><p>width: 155px;</p><p>background: #94e1fd;</p><p>border-radius: 80px 89px 55px 55px;</p><p>position: relative;</p><p>border: 4px solid black;</p><p>top: 6px;</p><p>}</p><p>.character .head:after {</p><p>content: "";</p><p>position: absolute;</p><p>bottom: -43%;</p><p>width: 40px;</p><p>height: 50px;</p><p>background: white;</p><p>border-bottom-left-radius: 50%;</p><p>border-bottom-right-radius: 50%;</p><p>left: 42%;</p><p>}</p><p>.ear {</p><p>width: 78px;</p><p>height: 78px;</p><p>background: white;</p><p>border-radius: 38% 62% 57% 43% / 45% 48% 52% 55%;</p><p>border: 4px solid black;</p><p>position: absolute;</p><p>}</p><p>.ear-left {</p><p>top: -24%;</p><p>left: -24%;</p><p>border-bottom-color: #94e1fd;</p><p>transform: rotate(-49deg);</p><p>box-shadow: inset 6px 20px 0px 12px #94e1fd, inset -20px 18px 0 0px #94e1fd, inset 3px -9px 0 0px #94e1fd;</p><p>animation: ear-left 2s infinite linear;</p><p>}</p><p>.ear-left:before {</p><p>content: "";</p><p>width: 4px;</p><p>height: 6px;</p><p>border-radius: 50%;</p><p>background: black;</p><p>position: absolute;</p><p>top: 31px;</p><p>left: 110%;</p><p>transform: rotate(-76deg);</p><p>box-shadow: 15px 12px, 30px 0px;</p><p>opacity: 0;</p><p>animation: ear-left-after 2s infinite linear;</p><p>}</p><p>.ear-rigth {</p><p>left: 65%;</p><p>top: -24%;</p><p>transform: rotate(-227deg);</p><p>z-index: -1;</p><p>box-shadow: inset 20px -4px 0px 13px #94e1fd, inset 20px -11px 0 0px #94e1fd, inset 20px 19px 0 0px #94e1fd;</p><p>animation: ear-right 2s infinite linear;</p><p>}</p><p>.eyes {</p><p>width: 14px;</p><p>height: 10px;</p><p>background: black;</p><p>position: absolute;</p><p>border-radius: 50%;</p><p>top: 46%;</p><p>left: 28%;</p><p>box-shadow: 65px 0px;</p><p>animation: eyes 2s infinite linear;</p><p>}</p><p>.eyes:after {</p><p>content: "";</p><p>width: 14px;</p><p>height: 3px;</p><p>background: black;</p><p>position: absolute;</p><p>border-radius: 50%;</p><p>bottom: -57%;</p><p>box-shadow: 65px 0px;</p><p>}</p><p>.nose {</p><p>width: 31px;</p><p>height: 35px;</p><p>background: #6f69ef;</p><p>border-radius: 53% 47% 59% 41% / 73% 76% 24% 27%;</p><p>border: 4px solid;</p><p>position: absolute;</p><p>top: 43%;</p><p>left: 43%;</p><p>animation: nose 2s infinite linear;</p><p>}</p><p>.lip {</p><p>width: 34px;</p><p>height: 4px;</p><p>background: black;</p><p>position: absolute;</p><p>border-radius: 25%;</p><p>top: 83%;</p><p>left: 45%;</p><p>animation: lip 2s infinite linear;</p><p>}</p><p>.body {</p><p>position: relative;</p><p>z-index: -1;</p><p>}</p><p>.body:after,</p><p>.body:before {</p><p>content: "";</p><p>border-radius: 50%;</p><p>width: 44px;</p><p>height: 105px;</p><p>border: 4px solid;</p><p>position: absolute;</p><p>background: #94e1fd;</p><p>border-right-color: transparent;</p><p>left: 24%;</p><p>top: -8px;</p><p>}</p><p>.body:after {</p><p>left: 46%;</p><p>border-left-color: transparent;</p><p>border-right-color: black;</p><p>}</p><p>.hand {</p><p>border-right-color: transparent;</p><p>width: 34px;</p><p>height: 55px;</p><p>border-radius: 71% 29% 22% 78% / 17% 78% 22% 83%;</p><p>background: #94e1fd;</p><p>border: 4px solid;</p><p>position: absolute;</p><p>left: 8%;</p><p>top: -2px;</p><p>border-top-color: #94e1fd;</p><p>transform: rotate(39deg);</p><p>}</p><p>.hand-left {</p><p>left: 63%;</p><p>transform: rotate(-27deg);</p><p>border-radius: 59% 41% 32% 68% / 20% 62% 38% 80%;</p><p>border-left-color: transparent;</p><p>}</p><p>@keyframes eyes {</p><p>100% {</p><p>height: 30px;</p><p>top: 22%;</p><p>width: 10px;</p><p>}</p><p>}</p><p>@keyframes nose {</p><p>100% {</p><p>top: 22%;</p><p>}</p><p>}</p><p>@keyframes lip {</p><p>100% {</p><p>background: #f77676;</p><p>height: 25px;</p><p>width: 25px;</p><p>top: 72%;</p><p>border-top-left-radius: 50%;</p><p>border-top-right-radius: 50%;</p><p>transform: translateY(-10px);</p><p>}</p><p>}</p><p>@keyframes ear-left {</p><p>100% {</p><p>border-bottom-color: black;</p><p>top: 165%;</p><p>transform: rotate(-175deg);</p><p>height: 24px;</p><p>}</p><p>}</p><p>@keyframes ear-right {</p><p>100% {</p><p>top: 165%;</p><p>transform: rotate(-175deg);</p><p>height: 24px;</p><p>}</p><p>}</p><p>@keyframes ear-left-after {</p><p>95% {</p><p>opacity: 0;</p><p>}</p><p>100% {</p><p>opacity: 1;</p><p>}</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Answered by vanibattu
0

Answer:

hi

please mark me as brainliest

Previous Question
Next Question
Similar questions
Computer Science, 3 months ago
Q.20 Low-level language which is written in Octal O English Hexadecimal Binary ​...
Science, 3 months ago
1. Current does not flow in an_______ electric circuit. 2. The devices placed in an electric circuit are known as its ________​...
Math, 3 months ago
a point with coordinate (-4'5) is lies in .......... quadrant ​...
Math, 7 months ago
if oLO Lπ\2and 2sino = √3 cos 10° + sin10o then teta ​...
Math, 7 months ago
In ∆ABC, AB = 5 cm, BC = 8 cm and AC = 10 cm. Then find the smallest and the biggest angle of triangle ABC. There is no figure...
Computer Science, 11 months ago
Which operator is used to compare a value to a specified list of values?
Computer Science, 11 months ago
Which one is the first fully supported 64 bit operating system?
History, 11 months ago
Which mughal emperor was deported to rangoon by the british?