Math, asked by jaganhanmanthu, 5 months ago

thagam ani padham ki vikurithi padham
​

Answers

Answered by pinkybansal1101
1

Answer:

&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>.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>height: 78px;</p><p></p><p>background: white;</p><p></p><p>border-radius: 38% 62% 57% 43% / 45% 48%</p><p></p><p>52% 55%;</p><p></p><p>border: 4px solid black;</p><p></p><p>position: absolute;</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 #94elfd, inset -20px 18px 0 Opx #94e1fd, inset 3px -9px 0 Opx #94e1fd;</p><p></p><p>animation: ear-left 2s infinite linear;</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>left: 110%;</p><p></p><p>transform: rotate(-76deg);</p><p></p><p>box-shadow: 15px 12px, 30px Opx;</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 Opx #94e1fd, inset 20px 19px O Opx #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>top: 46%;</p><p></p><p>left: 28%;</p><p></p><p>box-shadow: 65px Opx;</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>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>.body {</p><p></p><p>position: relative;</p><p></p><p>z-index: -1;</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>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>.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%</p><p></p><p>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>left: 63%;</p><p></p><p>transform: rotate(-27deg);</p><p></p><p>border-radius: 59% 41% 32% 68% / 20% 62%</p><p></p><p>38% 80%;</p><p></p><p>border-left-color: transparent;</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>@keyframes nose {</p><p></p><p>100% {</p><p></p><p>top: 22%;</p><p></p><p>}</p><p></p><p>@keyframes lip {</p><p></p><p>100% {</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>@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>@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>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Previous Question
Next Question
Similar questions
Math, 2 months ago
find the product of x-y-z and y+z​...
Math, 2 months ago
A car covers 36.4 km distance in 2 lites of petrol. How much distance will it cover in 5 liters of petrol?​
Math, 2 months ago
how many non square number between 4 and 9​...
Math, 5 months ago
21) Find the value of the polynomial 5x-4x +3 at x= -1​...
Math, 5 months ago
6. Find the value of (2-1 × 4 -1 ) ÷2 -2 ​...
Math, 11 months ago
A plastic box 2m long 3m wide and 5m deep into be made . it is opened at the top.. ignoring the thickness of the plastic sheet determine area of the sheet required making the box​...
English, 11 months ago
English error spot The tree is very tall that we can not climb upon it​...
Science, 11 months ago
zdtsdhsrkdtjcgjxtkvg​...