Hindi, asked by rajnikantdubey4059, 7 months ago

Shabdroop of gam , Kim, Ram, lata,nadi

Answers

Answered by ÚɢʟʏÐᴜᴄᴋʟɪɴɢ1

$<!DOCTYPE html><html><head><title>CSS Heart Animation</title><style>.back{position:fixed;margin:auto;<h2>width:100%; good morning</h2>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 nehu215

Explanation:

$< !DOCTYPE html > < html > < head > < title > CSS Heart Animation < /title > < style > .back{ position:fixed; margin:auto; width:100%; good morning 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 >$

Previous Question

Next Question