Math, asked by pranjaldewan1518, 9 months ago

please tell me the answer click it here ☝️​

Attachments:

Answers

Answered by sumitkaushik291
2
here is ur answer...


&lt;!DOCTYPE html&gt;<br /><br />&lt;html lang="en"&gt;<br /><br />&lt;head&gt;<br /><br />&lt;title&gt;Mickey Mouse&lt;/title&gt;<br /><br />&lt;/head&gt;<br /><br />&lt;body&gt;<br /><br />&lt;div class="box"&gt;<br /><br />&lt;div class="mouse mouse-lavender"&gt;&lt;/div&gt;<br /><br />&lt;div class="mouse mouse-mint"&gt;&lt;/div&gt;<br /><br />&lt;div class="mouse mouse-purple"&gt;&lt;/div&gt;<br /><br />&lt;/div&gt;<br /><br />&lt;style&gt;<br /><br />body {<br /><br />animation: background 3s infinite;<br /><br />}<br /><br />.box * {<br /><br />position: absolute;<br /><br />}<br /><br />.box {<br /><br />margin: 0 auto;<br /><br />height: 300px;<br /><br />width: 300px;<br /><br />top: 50%;<br /><br />transform: translateY(50%);<br /><br />}<br /><br />.mouse {<br /><br />height: 100px;<br /><br />width: 100px;<br /><br />border-radius: 50%;<br /><br />}<br /><br />.mouse::before,<br /><br />.mouse::after{<br /><br />content: '';<br /><br />position: absolute;<br /><br />display: block;<br /><br />height: 60px;<br /><br />width: 60px;<br /><br />border-radius: 50%;<br /><br />}<br /><br />.mouse::before {<br /><br />top: -30%;<br /><br />left: -30%;<br /><br />}<br /><br />.mouse::after {<br /><br />top: -30%;<br /><br />right: -30%;<br /><br />}<br /><br />.mouse-lavender {<br /><br />background-color: #9b99ff;<br /><br />top: 50%;<br /><br />left: 0;<br /><br />animation: beat 3s 1s infinite;<br /><br />}<br /><br />.mouse-lavender::before,<br /><br />.mouse-lavender::after {<br /><br />background-color: #9b99ff;<br /><br />}<br /><br />.mouse-mint {<br /><br />background-color: #82fff3;<br /><br />top: 50%;<br /><br />right: 0;<br /><br />animation: beat 3s 2s infinite;<br /><br />}<br /><br />.mouse-mint::before,<br /><br />.mouse-mint::after {<br /><br />background-color: #82fff3;<br /><br />}<br /><br />.mouse-purple {<br /><br />background-color: #e682ff;<br /><br />top: 0%;<br /><br />left: 35%;<br /><br />animation: beat 3s 3s infinite;<br /><br />}<br /><br />.mouse-red::before,<br /><br />.mouse-pink::after {<br /><br />background-color: #e682ff;<br /><br />}<br /><br />@keyframes background2 {<br /><br />0% {<br /><br />background: #c3b8fc;<br /><br />}<br /><br />50% {<br /><br />background: #ccfff6;<br /><br />}<br /><br />100% {<br /><br />background: #feccff;<br /><br />}<br /><br />}<br /><br />@keyframes beat {<br /><br />0% {<br /><br />transform: scale(1);<br /><br />opacity: 1;<br /><br />}<br /><br />50% {<br /><br />transform: scale(.6);<br /><br />opacity: .6;<br /><br />}<br /><br />}<br /><br />&lt;/style&gt;<br /><br />&lt;/body&gt;<br /><br />&lt;/html&gt;
Attachments:
Similar questions