deadvey/tuxcord.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css effects on the links to rotate a bit on hover

Browse Source
This commit is contained in:
DeaDvey 2024-12-24 21:28:24 +00:00
parent 58fcbdada5
commit 7bf3391c7d
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.css
View File

@ -27,4 +27,24 @@ a {
text-decoration: none; text-decoration: none;
color: var(--accent); color: var(--accent);
} }
a:hover {
animation: half-spin 1s linear infinite;
display: inline-block; /* Ensures the text spins around its center */
}
@keyframes half-spin {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(10deg);
}
50% {
transform: rotate(0deg);
}
75% {
transform: rotate(-10deg);
}
100% {
transform: rotate(0deg);
}
}