English, asked by MaryAkins1751, 7 months ago

define the purpose of the author behin the first flight

Answers

Answered by nightfury27

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

Answered by niishaa

Answer:

$<body> <svg width="100%" height="300px">\ \textless \ br /\ \textgreater \ <g id="R1" transform="translate(250 250)"> \ \textless \ br /\ \textgreater \ <ellipse rx="100" ry="0" opacity=".3">\ \textless \ br /\ \textgreater \ <animateTransform attributeName="transform" type="rotate" dur="7s" from="0" to="360" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ <animate attributeName="cx" dur="8s" values="-20; 220; -20" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ <animate attributeName="ry" dur="3s" values="10; 60; 10" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ </circle>\ \textless \ br /\ \textgreater \ </g><use xlink:href="#R1" transform="rotate(72 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(144 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(216 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(288 390 150)" />\ \textless \ br /\ \text kigreater \ </svg></body></html>$

Previous Question

Next Question