Robert Bruce king lying on the ground
Answers
<head><title>ee</title>
<style type="text/css">
body{
background:#000;
width:100%;
height:100%;
}
hr{
padding:0%;
margin-top:-9%;
width:80%;
height:1%;
background:#00f;
}
h1{
margin-top:20%;
text-transform:uppercase;
text-align:center;
}
h1 span{
display:inline-block;
}
h1 span:nth-child(odd) {
color:#0f0;
animation:jump .4s alternate infinite;
}
h1 span:nth-child(even) {
color:#f0f;
animation:jump .3s alternate infinite;
}
@keyframes jump{
0%{
transform:translateY(-100%);
}
100%{
transform:translateY(0%);
}
}
h1{
margin-top:20%;
text-transform:uppercase;
text-align:center;
}
h1 span{
display:inline-block;
}
h1 span:nth-child(odd) {
color:#0f0;
animation:jump .4s alternate infinite;
}
h1 span:nth-child(even) {
color:#f0f;
animation:jump .3s alternate infinite;
}
@keyframes jump{
0%{
transform:translateY(-100%);
}
100%{
transform:translateY(0%);
}
}
.t h1{
width:100%;
height:70%;
text-align:center;
text-transform:uppercase;
font-size:150%;
color:rgba(225,225,225,.1);
background:linear-gradient(skyblue 5px,#f00 30px,gold 40px,hotpink 50px,seagreen 60px,#ff0 70px,#0f0 80px,#0ff 90px,#f0f 100px,#090909 10px);
-webkit-background-clip:text;
background-size:600px;
animation:move 10s linear infinite;
}
@keyframes move{
0%{
background-position:0% 200%;
}
20%{
background-position:200% 400%;
}
40%{
background-position:400% 600%;
}
60%{
background-position:600% 800%;
}
80%{
background-position:800% 1000%;
}
100%{
background-position:1000% 0%;
}
}
h2{
color:orange;
animation:type 8s steps(29) infinite;
overflow:hidden;
white-space:nowrap;
height:10%;
font-size:120%;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:28ch;
}
}
h3{
color:skyblue;
animation:type 9s steps(28) infinite;
overflow:hidden;
white-space:nowrap;
height:10%;
font-size:120%;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:28ch;
}
}
h4{
color:hotpink;
animation:type 10s steps(30) infinite;
overflow:hidden;
white-space:nowrap;
height:10%;
font-size:120%;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:28ch;
}
}
</style>
</head>
<body>
<h1>
<span>☺</span>
<span>H</span>
<span>a</span>
<span>p</span>
<span>p</span>
<span>y</span>
<span>☺</span>
</h1>
<hr>
<h1>
<span>❤</span>
<span>❤</span>
<span>B</span>
<span>d</span>
<span>a</span>
<span>y</span>
<span>❤</span>
<span>❤</span>
</h1>
<hr>
<div class="t">
<h1>❤⭐Honey⭐❤</h1>
</div>
<h2>Dearest bestie may today</h2>
<h3>bring you joy and laughter</h3>
<h4>Love and hope ✌✌✌</h4>
<html>
<head>
<style>
</style>
<title>SVG</title>
<meta charset="utf-8">
<meta httA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<style> </style>
</head>
<body>
<svg height="100%" width="100%">
<rect width="95%" x="0%"y="0%"height="80%" fill="none">
<animate attributeName="stroke" values="#962C53;#00f;#C5170C;#3ABCC2;#FE133C;#F89AE5;#289898;#9E13BB;#DD2EA5;#0ff" dur="4s"repeatCount="indefinite"fill="freeze"/>
<animate attributeName="stroke-dasharray" values="20 20;25 25;"dur="2s"repeatCount="indefinite"fill="freeze"/></rect>
<path class="hearts"
d="M45.137,23.041c4.912-24.596,40.457-27.775,42.128-0.435c1.398,22.88-21.333,40.717-42.128,50.522 M45.137,23.041
C40.225-1.555,5.057-4.734,3.387,22.606c-1.398,22.88,20.955,40.717,41.75,50.522">
<animate attributeName="stroke" values="#962C53;#00f;#C5170C;#3ABCC2;#FE133C;#F89AE5;#289898;#9E13BB;#DD2EA5;#0ff" dur="4s"repeatCount="indefinite"fill="freeze"/>
<animate attributeName="stroke-