English, asked by ayush455139, 5 months ago

yccuucchccycyyyctyxxttxtxt,

Answers

Answered by ItzIshu

45

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

English, 2 months ago

The modem student the importance of physical exercise...

Hindi, 2 months ago

मां, मुझे कुछ खाना है | (वाक्य का सर्वनाम के भेद बताइए) पुरुषवाचक सर्वनाम निजवाचक सर्वनाम अनिश्चयवाचक सर्वनाम निश्चयवाचक सर्वनाम...

Environmental Sciences, 2 months ago

V. Give short answer for the following questions. Any 5.(2x5=10) 1. What are carnivorous plants? 2. Name some endangered species of animals. 3. Name the major types of forest? 4. What is soil erosion? 5. What is the composition of atmosphere? 6. What is air pollution? 7. What are phytoplankton? VI. Add the following questions. (4x4=16)...

Environmental Sciences, 5 months ago

Being normal the doctor was able to gain less than he had lost. * True False ...

Science, 5 months ago

name three substances stored in vehicles of plant cell...

Math, 9 months ago

in ABCD find the value of x...

English, 9 months ago

why does earth impart same acceleration to all bodies ...

Math, 9 months ago

1. find the general solution of cot 4x=-1 ?