CSS stuff
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

84 lines
1.8 KiB

<html lang="en">
<head>
<style>
.words {
text-align: center;
font-size: 60px;
}
.words span {
display: inline-block;
animation: disappear 1s ease-in-out 1;
animation-fill-mode: forwards;
}
.words span:nth-child(1) {
animation-delay: 3.3s;
}
.words span:nth-child(2) {
animation-delay: 3.1s;
}
.words span:nth-child(3) {
animation-delay: 2.9s;
}
.words span:nth-child(4) {
animation-delay: 2.7s;
}
.words span:nth-child(5) {
animation-delay: 2.5s;
}
.words span:nth-child(6) {
animation-delay: 2.3s;
}
.words span:nth-child(7) {
animation-delay: 2.1s;
}
.words span:nth-child(8) {
animation-delay: 1.9s;
}
.words span:nth-child(9) {
animation-delay: 1.7s;
}
.words span:nth-child(10) {
animation-delay: 1.5s;
}
.words span:nth-child(11) {
animation-delay: 1.3s;
}
.words span:nth-child(12) {
animation-delay: 1.1s;
}
.words span:nth-child(13) {
animation-delay: 0.9s;
}
.words span:nth-child(14) {
animation-delay: 0.7s;
}
.words span:nth-child(15) {
animation-delay: 0.5s;
}
@keyframes disappear {
100% {
opacity: 0;
}
}
</style>
</head>
<body>
<div class="words">
<span>R</span>
<span>e</span>
<span>v</span>
<span>e</span>
<span>r</span>
<span>s</span>
<span>e</span>
<span>&nbsp;</span>
<span>E</span>
<span>n</span>
<span>t</span>
<span>r</span>
<span>o</span>
<span>p</span>
<span>y</span>
</div>
</body>
</html>