i-eat.rocks/door/index.html

50 lines
929 B
HTML
Raw Normal View History

2024-08-16 23:13:23 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>???</title>
<style>
body, html {
padding:0;
margin: 0;
height: 100%;
}
body {
background-color: black;
text-align: center;
align-content: center;
display: grid;
}
@keyframes reveal {
0% {
opacity: 0%;
}
100% {
opacity: 100%;
}
}
img {
animation: reveal 5s;
}
p {
animation: reveal 5s forwards;
animation-delay: 4s;
opacity: 0%;
}
</style>
</head>
<body>
<div>
<img src="/door/images/door.png" />
<p>The door is closed.</p>
</div>
</body>
</html>