Math, asked by Kainat0Rafiq, 8 months ago

please answer the attachment...

{\__/}
( • - •) Thank you!
/ >♡​

Attachments:

Answers

Answered by jigyasa0310
2

Do as provided in the attachment...❤️

&lt;!DOCTYPE html&gt;</p><p></p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Pokeball&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="pokeball"&gt; &lt;div class="sparkle"&gt;&lt;/div&gt; &lt;div class="shadow"&gt;&lt;/div&gt; &lt;div class="pokeball-inner"&gt; &lt;div class="button"&gt; &lt;div class="button-outer"&gt; &lt;div class="button-inner"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body { background: white; } .pokeball * { position: absolute; } .pokeball { margin: auto; width: 300px; height: 300px; transform: translateY(50%) rotate(10deg); top: 50%; left: 50%; border: 6px solid black; border-radius: 50%; background-color: white; box-shadow: inset -10px -10px 0px #e8e3e7; overflow: hidden; } .shadow { width: 110%; height: 100%; bottom: -2%; left: -1%; border-radius: 50%; box-shadow: inset 0px -20px 2px #e8e3e7; z-index: 20; overflow: hidden; } .sparkle { width: 70px; height: 45px; background: white; border-radius: 45px / 30px; z-index: 10; top: 10%; left: 15%; transform: rotate(150deg); } .pokeball-inner { height:100%; width: 100%; background: linear-gradient(red calc(50% - 1px), black calc(50% - 1px) calc(50% + 10px), white calc(50% + 1px)); } .button { width: 25%; height: 25%; border: 2px solid black; border-radius: 50%; background-color: black; top: 50%; left: 55%; transform: translate(-50%, -50%); } .button-outer { width: 80%; height: 80%; border: 2px solid black; border-radius: 50%; background-color: white; top: 50%; left: 50%; transform: translate(-50%, -50%); } .button-inner { width: 75%; height: 75%; border: 2px solid black; border-radius: 50%; background-color: white; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pokeball:hover .button-inner { background-color: rgba(255, 0, 0, 0.6); } </p><p></p><p></p><p></p><p></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Attachments:
Similar questions