Computer Science, asked by devika673, 9 months ago

plz do it fastttt.....

Attachments:

Answers

Answered by mragarwal03

0

Answer:

sealed and delivered by the history of the club

Answered by adityachoudhary2956

77

Answer:

$<!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:pink;</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:cyan;</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:cyan;</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:black;</p><p></p><p>opacity:1;</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>background-color:red</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

English, 4 months ago

verbal to non verbal animal oil and vegetable oil...

English, 4 months ago

a TV mechanic bought an old TV for 6450. he spent 1220 on its repairing and then sold it for 7500. find his profite and loss...

Math, 4 months ago

Prove that the radius of curvature p at any point (x, y) on the curve 1818 y . + 2(ax+by)/2 = 1 is given by p = V b ab...

Hindi, 9 months ago

मित्र को जन्मदिन पर निमंत्रण पत्र लिखिए with photo ...

Physics, 9 months ago

in shift method of determining focal length of convex lens an object and a screen are placed 60cm apart. a cobvex lens produces two images at a distance separated by 20cm. the focal length of the lens is what...

Chemistry, 1 year ago

The substance which gives oxygen or removes hydrogen in an oxidation reaction is known as...

Chemistry, 1 year ago

What is Hydrogen bond ? Explain the different types of Hydrogen bonds with example...

History, 1 year ago

what was the top Ten nasty mcdonalds prodcuts Failed...