why my codes didn't work
Yaar koi mujhe codes btata hi nhi hai jisko codes aate Hain unhone bhi to sabko silkhaye honge
aur hn ab aur koi answer mat krna jisko codes aate hai wahi
Brainly mein to koi meri help hi nhi krta
plzz don't report my Q mods plzz it's my humble request ☹️☹️
Answers
Change [tx].......!!!
[tx]<!DOCTYPE html>
<html>
<head>
<title>CSS Heart Animation</title>
<style>.back{
position:fixed;
margin:auto;
width:100%;
heart:100%;
top:0;
bottom:0;
left:0;
right:0;
padding:0;
background-color:white;
animation-name:back;
animation-duration:3s;
animation-iteration-count:infinite;
}
.heart{
background-color:pink;
margin:50% auto;
top:0;
bottom:0;
right:0;
left:0;
padding:0;
height:50px;
width:50px;
transform:rotate(-45deg);
animation-name:heart;
animation-duration:3s;
animation-timing-function:ease-out;
animation-iteration-count:infinite;
}
.heart:before,.heart:after{
background-color:pink;
position:absolute;
content:"";
width:50px;
height:50px;
border-radius:50%;
}
.heart:before{
left:25px;
}
.heart:after{
left:0;
top:-25px;
}
@keyframes heart{
0%{
transform:scale(1)rotate(-45deg);
}
50%{
transform:scale(0.6)rotate(-45deg);
}
}
@keyframes back{
0%{
background-color:white;
opacity:1;
}
50%{
background-color:#ff0099;
}
}</style>
</head>
<body>
<div class="back"></div>
<div class="heart"></div>
</body>
</html>[/tex]
Answer: