My personal website.
entomoviscera.online
1---
2import Base from "../components/Base.astro";
3import "../styles/main.css";
4import "../styles/splashscreen.css";
5---
6
7<Base
8 title="ENTRANCE"
9 graph={{
10 description: "WARNING: Bug inside.",
11 url: "https://entomoviscera.online/",
12 }}
13>
14 <a href="/home" id="welcome">
15 <img src="/img/sprites/door.png" id="door" alt="" />
16 <img src="/img/sprites/doorbg.png" id="doorbg" alt="entrance" />
17 </a>
18</Base>
19
20<style>
21 #welcome {
22 position: relative;
23 margin: 20px;
24 }
25
26 #door {
27 position: absolute;
28 transform: 0;
29 transform-origin: 10% center;
30 transition: 600ms;
31 }
32
33 #welcome:hover #door {
34 transform: rotateY(60deg) skewY(16deg);
35 }
36</style>