English, asked by nooreeman123, 9 months ago

if u guys get my question so please give me answers

Answers

Answered by sushanimje

0

Answer:

what is the question

Answered by Ratherfaisal202

9

Explanation:

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

Previous Question

Next Question

Similar questions

Math, 4 months ago

the mean of all the factors of 20 and X is 7 find the value of X.

Math, 4 months ago

164 X 165 35 X 32 slove the problem...

Psychology, 4 months ago

How to stop overthinking ?

English, 9 months ago

Child is playing in the park...

Hindi, 9 months ago

tipu sultanमैचिंग टीपू सुल्तान आंसर द प्लेन ऑफ लेफ्ट जून 1339 371 265 ...

Social Sciences, 1 year ago

what are the difficulties you think the early man faced while making their tools...

Math, 1 year ago

Root 2 -1/root 2+1 and whole root...

English, 1 year ago

No other game is as popular as cricket in India ( use the word : most popular )...