Computer Science, asked by ghoshraima82, 7 months ago

introduction to ites mcqs

Answers

Answered by aishi2020

8

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

History, 3 months ago

What was the curse of Naka cave in Thailand...

English, 3 months ago

combine these sentences in using the conjunction given and,or,because,but,so take medicines you will not get well ...

Computer Science, 3 months ago

the enter date and time in a cell, seperate the date and time with ____...

Physics, 7 months ago

If A is a vector of magnitude 15 units due east. What is the magnitude and direction of a vector -5Ā?

Hindi, 7 months ago

ab chala Jaye vachya bhed...

Physics, 11 months ago

what is oscillatory motion ?

Biology, 11 months ago

what is respiratory tract and its function ...

Math, 11 months ago

Who is exactly at left of S?