Computer Science, asked by Akankshya5, 6 months ago

hey everyone is there anyone who is in class 12th.N who are having python as coding language??​

Answers

Answered by Anonymous
0

&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>  &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></p><p>&lt;style&gt;</p><p></p><p>body {</p><p>  display: flex;</p><p>  justify-content: center;</p><p>  padding-top: 150px;</p><p>}</p><p></p><p>.character {</p><p>  position: relative;</p><p>}</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></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></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></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></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></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></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></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></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></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></p><p>.body {</p><p>  position: relative;</p><p>  z-index: -1;</p><p>}</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></p><p>.body:after {</p><p>  left: 46%;</p><p>  border-left-color: transparent;</p><p>  border-right-color: black;</p><p>}</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></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></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></p><p>@keyframes nose {</p><p>  100% {</p><p>    top: 22%;</p><p>  }</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></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></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></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></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

what's that ?

Answered by shadowgamer82
0

Answer:

Explanation:

No I am in 9th class sorry I couldn't help

Similar questions