Hindi, asked by anilpatel2812, 8 months ago

लेखक को खिड़की से सबसे पहले
दिखाई दिया।​

Answers

Answered by JONE45AVENGERS
4

लेखक को खिड़की में सबसे पहले उसकी शिक्षक और प्रिंसिपल दिखाई दी |

㋱ No spam

&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;

Previous Question
Next Question
Similar questions
Social Sciences, 4 months ago
name the four dynasties of vijayanagara kingdom with referenvr to prominent rulers of each dynasty. ​
Math, 4 months ago
convert 5:7 to percentage.​
English, 4 months ago
Write whether the following examples are of IRONY, PUN, ASSONANCE, ALLITERATION, PERSONIFICATION, METAPHOR OR SIMILE: Why are fish so smart? Because they live in a school.​
Math, 8 months ago
mirror image of (-2,-3)along x axis is...
India Languages, 8 months ago
words starting with खी in Marathi​...
Sociology, 1 year ago
where is marthandam ​...
Math, 1 year ago
Two books and a pen cost of Rs.18 and two pens and a book cost Rs.15. Find the cost of a book?​
Social Sciences, 1 year ago
the earth has enough resources to meet the needs of all but not enough to satisfy the greed of even one person how is this statement relevant to the discussion of development discuss​...