English, asked by rinasing3567, 10 months ago

- لمیه خه م
provided
man inner delight
lutereture certainly
(Adjective from of
- Certainly)​

Answers

Answered by aman7913
2

[tex]<html>

<head><title>ee</title>

<style type="text/css">

body{

background:#000;

width:100%;

height:100%;

}

hr{

padding:0%;

margin-top:-6%;

width:70%;

height:1%;

background:#00f;

}

h1{

margin-top:10%;

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:90%;

height:24%;

text-align:center;

text-transform:uppercase;

font-size:150%;

color:rgba(225,225,225,.1);

background:linear-gradient(blue 5px,#f00 30px,green 40px,hotpink 50px,seagreen 60px,#ff0 70px,#0f0 80px,#0ff 90px,#f0f 100px,#090909 10px);

-webkit-background-clip:text;

background-size:200px;

animation:move 90s linear infinite;

}

@keyframes move{

0%{

background-position:40% 150%;

}

20%{

background-position:150% 300%;

}

40%{

background-position:300% 400%;

}

60%{

background-position:200% 600%;

}

80%{

background-position:600% 800%;

}

100%{

background-position:1000% 0%;

}

}

.to h1{

width:90%;

height:26%;

padding:0%;

margin:0%;

/*border:10%;*/

text-align:center;

text-transform:uppercase;

font-size:260%;

color:rgba(225,225,225,.1);

background:linear-gradient(#000 45%,hotpink 60%);

-webkit-background-clip:text;

background-size:200px;

animation:tomove 80s linear infinite;

}

@keyframes tomove{

0%{

background-position:10% 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%;

}

}

.tt h1{

width:90%;

height:30%;

padding:0%;

margin:0%;

text-align:center;

text-transform:uppercase;

font-size:400%;

color:rgba(225,225,225,.1);

background:linear-gradient(#262626,#fff,#262626);

-webkit-background-clip:text;

background-size:300px;

}

.tth h1{

width:90%;

height:30%;

padding:0%;

margin:0%;

text-align:center;

text-transform:uppercase;

font-size:400%;

color:rgba(225,225,225,.1);

background:linear-gradient(#262626,#FFD700,#262626);

-webkit-background-clip:text;

background-size:300px;

}

h2{

color:orange;

animation:type 4s steps(28) infinite;

overflow:hidden;

white-space:nowrap;

height:10%;

font-size:120%;

}

@keyframes type{

0%{

width:0ch;

}

100%{

width:28ch;

}

}

</style>

</head>

<body>

<h1>

<span>H</span>

<span>a</span>

<span>p</span>

<span>p</span>

<span>y</span>

<span>B</span>

<span>d<

Similar questions