Math, asked by RayyanHashmi, 7 months ago

Please help me solve it ASAP!

Attachments:

Answers

Answered by Itznikhilhere
0

hello I am bunny

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

Previous Question
Next Question
Similar questions
Biology, 3 months ago
The _______ is known as the powerhouse of the cell.​
English, 3 months ago
how can we use social media to enhance our interpersonal skill​...
English, 3 months ago
to whom does the poet writing the letters ?​
Math, 7 months ago
by selling 27 toffes,I lost the cost price of 7 toffes,what is the loss percent​...
English, 7 months ago
what is example of past perfect continuous tense ​...
Physics, 11 months ago
A ray of light moving along principal axis is falling on a concave mirror draw the path of reflected ray also state the values of angle of incidence and angle of reflection in this case...
Science, 11 months ago
Chlorophll is present in ​...
Geography, 11 months ago
how does the water harvesting system of guls and kuls been practiced​...