English, asked by Anonymous, 10 months ago

$<svg height="210" width="500">\ \textless \ br /\ \textgreater \ <polygon points="100,10 40,198 190,78 10,78 160,198"\ \textless \ br /\ \textgreater \ style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;" />\ \textless \ br /\ \textgreater \ </svg>$
HOW TO SELECT MULTIPLE ATTACHMENT AT A TIME

DON'T SPAM⚡⚡

)／ $<svg width="350" height="350" viewBox="0 0 100 100">\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <path fill="yellow" d="M92.71,7.27L92.71,7.27c-9.71-9.69-25.46-9.69-35.18,0L50,14.79l-7.54-7.52C32.75-2.42,17-2.42,7.29,7.27v0 c-9.71,9.69-9.71,25.41,0,35.1L50,85l42.71-42.63C102.43,32.68,102.43,16.96,92.71,7.27z"></path>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <animateTransform \ \textless \ br /\ \textgreater \ attributeName="transform" \ \textless \ br /\ \textgreater \ type="scale" \ \textless \ br /\ \textgreater \ values="1; 1.5; 1.25; 1.5; 1.5; 1;" \ \textless \ br /\ \textgreater \ dur="2s" \ \textless \ br /\ \textgreater \ repeatCount="15"> \ \textless \ br /\ \textgreater \ </animateTransform>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ </svg>$ Follow me

Answers

Answered by SaI20065

$<!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 itzu87

$<svg width="350" height="350" viewBox="0 0 100 100">\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <path fill="yellow" d="M92.71,7.27L92.71,7.27c-9.71-9.69-25.46-9.69-35.18,0L50,14.79l-7.54-7.52C32.75-2.42,17-2.42,7.29,7.27v0 c-9.71,9.69-9.71,25.41,0,35.1L50,85l42.71-42.63C102.43,32.68,102.43,16.96,92.71,7.27z"></path>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <animateTransform \ \textless \ br /\ \textgreater \ attributeName="transform" \ \textless \ br /\ \textgreater \ type="scale" \ \textless \ br /\ \textgreater \ values="1; 1.5; 1.25; 1.5; 1.5; 1;" \ \textless \ br /\ \textgreater \ dur="2s" \ \textless \ br /\ \textgreater \ repeatCount="15"> \ \textless \ br /\ \textgreater \ </animateTransform>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ </svg>$ Follow me

Previous Question

Next Question

HOW TO SELECT MULTIPLE ATTACHMENT AT A TIMEDON'T SPAM⚡⚡)／Follow me​

Answers