imnyang/imnya.ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

rotate

Browse source
This commit is contained in:
imnyang 2025-01-20 21:35:33 +09:00
commit 3260257108
2 changed files with 39 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

20
app/app.css
View file

@ -2,8 +2,26 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
html, body { html,
body {
background-color: #0a0a0a; background-color: #0a0a0a;
color-scheme: dark; color-scheme: dark;
height: 100%; height: 100%;
} }
#avatar {
transition: transform 0.5s linear;
}
#avatar:hover {
animation: rotate 1s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

35
app/components/Top.tsx
View file

@ -1,20 +1,21 @@
export default function Top() { export default function Top() {
return ( return (
<div <div
id="top" id="top"
className="w-auto text-center flex items-center justify-center flex-col gap-4" className="w-auto text-center flex items-center justify-center flex-col gap-4"
> >
<img <img
src="https://f.imnya.ng/profile/34b47ba35448cc74a659bcec443c3fbc.webp" src="https://f.imnya.ng/profile/34b47ba35448cc74a659bcec443c3fbc.webp"
alt="imnyang" alt="imnyang"
width={200} width={200}
height={200} height={200}
className="rounded-full" id="avatar"
/> className="rounded-full"
<div> />
<h1 className="text-2xl font-bold">암냥</h1> <div>
<p className="text-sm text-neutral-400">@imnyang</p> <h1 className="text-2xl font-bold">암냥</h1>
</div> <p className="text-sm text-neutral-400">@imnyang</p>
</div> </div>
); </div>
);
} }