Math, asked by ankushgads, 8 months ago

PLs dint see dis que.

Answers

Answered by aishi2020

2

$<!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

Hindi, 4 months ago

गंगा का वेग महादेव ने धारण किया समास का क्या नाम है गंगा का वेग महादेव ने धारण किया समास का क्या नाम है ...

English, 4 months ago

who said, "deed I don't know, Flint polly"...

Computer Science, 4 months ago

Which storage device is permanent?

Math, 8 months ago

.Tick the correct option. (MULTIPLE CHOICE QUESTIONS) (a) The larger number from which the smaller number is subtracted is called subtrahend larger number minuend none of these (b) The expanded form of 75 is 7 + 5 7 + 50 7 tens + 5 ones 7 ones + 5 tens (c) The place where two faces of any solid object meet is called its Vertex edge side none of these (d) 'A change in the order of the addends...

English, 8 months ago

plural form of home??? please answer fast...

Math, 11 months ago

1+1/1 =............ .

Geography, 11 months ago

In detail explain the occurrences of minerals,...

India Languages, 11 months ago

pledge in malayalam...