Math, asked by amirdesh000, 9 months ago

kgxgxkgxkgxkgxkcjcjufuf

Attachments:

Answers

Answered by Anonymous

Answer:

$<!DOCTYPE html><html><head><title>CSS Heart Animation</title><style>.back{position:fixed;margin:auto;width:100%;heart:100%;top:0;bottom:0;left:0;right:0;padding:0;background-color:white;animation-name:back;animation-duration:3s;animation-iteration-count:infinite;}.heart{background-color:pink;margin:50% auto;top:0;bottom:0;right:0;left:0;padding:0;height:50px;width:50px;transform:rotate(-45deg);animation-name:heart;animation-duration:3s;animation-timing-function:ease-out;animation-iteration-count:infinite;}.heart:before,.heart:after{background-color:pink;position:absolute;content:"";width:50px;height:50px;border-radius:50%;}.heart:before{left:25px;}.heart:after{left:0;top:-25px;}@keyframes heart{0%{transform:scale(1)rotate(-45deg);}50%{transform:scale(0.6)rotate(-45deg);}}@keyframes back{0%{background-color:white;opacity:1;}50%{background-color:#ff0099;}}</style></head><body><div class="back"></div><div class="heart"></div></body></html>$

Answered by Anonymous

Answer:

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