<html>
<head>
<style>
h1{
text-transform:uppercase;
margin-top:90px;
text-align:center;
font-family:Courier new,monospace;
border:3px solid rgb(60,45,8);
border-top:none;
width:67%;
letter-spacing:-6px;
box-sizing:border-box;
padding-right:5px;
border-radius:6px;
font-size:35px;
font-weight:bold;
}
h1 span{
position:relative;
display:inline-block;
margin-right:3px;
}
@keyframes shahir{
0%
{
transform: translateY(0px) rotate(0deg);
}
40%
{
transform: translateY(0px) rotate(0deg);
}
50%
{
transform: translateY(-50px)rotate(180deg);;
}
60%
{
transform: translateY(0px)rotate(360deg);;
}
100%
{
transform: translate(0px)rotate(360deg);;
}}
h1 span
{
animation: shahir 3s alternate infinite linear;
}
h1 span:nth-child(1)
{color:pink;
animation-delay: 0s;
}
h1 span:nth-child(2)
{color:lightmaroon;
animation-delay: 0.2s;
}
h1 span:nth-child(3)
{color:red;
animation-delay:0s;
}
h1 span:nth-child(4)
{color:lightgreen;
animation-delay: 0.4s;
}
h1 span:nth-child(5)
{color:blue;
animation-delay: 0.5s;
}
h1 span:nth-child(6)
{color:purple;
animation-delay: 0.3s;
}
</style>
<meta name="viewport" content="width=device-width" >
</head>
<body>
<center>
<div>
<h1>
<span>Q</span>
<span>U</span>
<span>e</span>
<span>E</span>
<span>n</span>
<span> h</span>
<span>e</span>
<span>r</span>
<span>e</span>
</h1>
</div>
</center>
</body>
</html>
[/tex]
[tex]
<svg class= "heart" viewBox= "-2 -2 98.6 90.81">
<title>Corazon</title>
<path stroke= "firebrick" stroke-width="3" d= "M86.81,8.15a27.79,27.79,0,0,1,0,39.33L47.48,86.81,8.15,47.48A27.81,27.81,0,
Answers
Answered by
0
Answer:
Very good html document broPlease mark me Brainliest
Answered by
1
Answer:
somewhen I tried in html editor, it is not coming so once again I kindly request you to check out the program again please
Similar questions