Math, asked by saifali87268, 7 months ago

STAD
DATE
Ca ²b 22 (C²_d² - Gabed.​

Answers

Answered by aishi2020
11

<!DOCTYPE html> <html> <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 \ </ellipse>\ \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 /\ \textgreater \ </svg></body></html>

Answered by krishna02299
1

Step-by-step explanation:

&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;Shinchan&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="face"&gt;</p><p></p><p>&lt;div class="forhead"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="cheeks"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="ear"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="eyebrow left"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="eyebrow right"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="eye left"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="eye right"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="mouth"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="shy"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="shy right"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {background:#3e505e}</p><p></p><p>.face {height: 600px; width: 350px; position: relative; margin: auto;}</p><p></p><p>.face:before {content:''; background:black; height:122px; width:95px; position:absolute; z-index:6; left:210px; top:29px; border-radius:100% 190% 100% 0%; transform: rotate(-20deg);}</p><p></p><p>.face:after {content:''; width:230px; height:180px; background:black; content:''; transform: rotate(-8deg); position: absolute; border-radius:100% 160% 100% 0%; left:70px; bottom:-14px; top:10px; z-index:5;}</p><p></p><p>.forhead, .forhead:after {content: ''; width: 220px; height: 181px; background: #fbc6a3; content: ''; transform: rotate(-3deg); position: absolute; border-radius: 60% 120% 50% 0%; left: 67px; bottom: -14px; top: 21px; z-index: 6;}</p><p></p><p>.forhead:after {width: 160px; height: 150px; border-radius: 150% 174% 159% 100%; transform: rotate(-20deg); top: 13px; left: 59px; border-top: 15px solid #fbc6a3;}</p><p></p><p>.forhead:before{ background:#fbc6a3; width:60px; height:10px; content:''; position:absolutet; z-index:7; left:105px; top:9px; transform: rotate(13deg); border-radius:100%}</p><p></p><p>.ear {width:60px; height:50px; background:#fbc6a3; z-index:7; position:absolute; border-radius:300% 190% 200% 100%; transform: rotate(-20deg); top:110px; left:285px}</p><p></p><p>.cheeks {background: #fbc6a3; width: 280px; height: 100px; border-radius: 50px 0px 50px 40px; transform: rotate(-3deg); position: relative; content: 'a'; top: 108px; left:10px}</p><p></p><p>.cheeks:after {width: 297px; height: 100px; background: #fbc6a3; content: ''; transform: rotate(-3deg); position: absolute; border-radius: 100% 100% 100% 100%; left: 1px; bottom: -14px;}</p><p></p><p>.eye {width:40px; height:40px; position:relative; background:black; border-radius:100%; animation: close-eye 4s none .2s infinite;}</p><p></p><p>.eye:after {content:''; position: absolute; background:white; width:15px; height:15px; border-radius:100%; left:17px; top:12px;}</p><p></p><p>.eye:before {content:''; position: absolute; width:70px; height:60px; border-radius:100%; border-top:2px solid black; left:-20px; margin-top:-20px;}</p><p></p><p>.eye.left,.eye.right {position:absolute; top:80px; left:100px; z-index:10;}</p><p></p><p>.eye.right {left:190px; top:90px;}</p><p></p><p>.eyebrow {animation: eyebroani 1s linear .1s infinite;}</p><p></p><p>.eyebrow,.eyebrow:after{position:absolute; width:20px; height:60px; background:black; z-index:8; border-radius:15px; transform: rotate(40deg); top:10px; left:90px;}</p><p></p><p>.eyebrow:after {content:''; transform: rotate(-100deg); left:19px; margin-top:-23px; top:auto;}</p><p></p><p>.eyebrow.right {left:180px; top:8px; transform: rotate(50deg);}</p><p></p><p>.mouth {position:absolute; width:40px; height:40px; background:#76322f; border-radius:100%; top:180px; left:50px; z-index:8;}</p><p></p><p>.shy {position:absolute; width:0px; height:0px; border-radius:100%; opacity:0; box-shadow: 0px 0px 40px 20px red; z-index:8; left:35px; top:160px; animation: shy 50s linear .2s infinite;}</p><p></p><p>.shy.right {left:170px; top:180px;}</p><p></p><p>@keyframes eyebroani {0% {margin-top:auto} 10% {margin-top:-10px} 20% {margin-top:auto} 30% {margin-top:-10px} 40% {margin-top:auto} 100% {margin-top:auto}}</p><p>@keyframes shy {0% {opacity:0} 10% {opacity:0.2} 90% {opacity:0.2} 100% {opacity:0}}</p><p></p><p>@keyframes close-eye {0% {height: 40px; margin-top: auto; overflow: auto;}</p><p></p><p>5% {height: 2px; margin-top: 20px; overflow: hidden;}</p><p></p><p>5.1% {height: 40px; margin-top:0; overflow:visible;}}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Similar questions