Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-05-03 19:39:34 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add hover animation for links

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-15 23:04:07 +05:00
parent 4f352eb88a
commit 7c4d6120fb
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 161 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

87
static/tailwind.css
View file

@ -669,10 +669,18 @@ video {
margin-top: 4rem;
}
.box-border {
box-sizing: border-box;
}
.flex {
display: flex;
}
.aspect-\[1\.11\] {
aspect-ratio: 1.11;
}
.h-10 {
height: 2.5rem;
}
@ -717,6 +725,18 @@ video {
height: 100vh;
}
.h-\[374\] {
height: 374;
}
.h-\[374px\] {
height: 374px;
}
.h-\[375px\] {
height: 375px;
}
.max-h-\[40vh\] {
max-height: 40vh;
}
@ -786,6 +806,30 @@ video {
width: 100%;
}
.w-\[420px\] {
width: 420px;
}
.w-\[424px\] {
width: 424px;
}
.w-\[412px\] {
width: 412px;
}
.w-\[432px\] {
width: 432px;
}
.w-\[418px\] {
width: 418px;
}
.w-\[422px\] {
width: 422px;
}
.max-w-\[1200px\] {
max-width: 1200px;
}
@ -886,6 +930,10 @@ video {
gap: 2rem;
}
.gap-6 {
gap: 1.5rem;
}
.overflow-hidden {
overflow: hidden;
}
@ -902,6 +950,14 @@ video {
border-width: 4px;
}
.border {
border-width: 1px;
}
.border-2 {
border-width: 2px;
}
.border-l-8 {
border-left-width: 8px;
}
@ -919,6 +975,10 @@ video {
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-transparent {
border-color: transparent;
}
.bg-\[\#0E1621\] {
--tw-bg-opacity: 1;
background-color: rgb(14 22 33 / var(--tw-bg-opacity));
@ -1141,6 +1201,18 @@ video {
transition-duration: 150ms;
}
.transition-\[border-width\] {
transition-property: border-width;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-\[border-color\] {
transition-property: border-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.\[filter\:darken\(10\%\)\] {
filter: darken(10%);
}
@ -1211,6 +1283,21 @@ body {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-white:hover {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.hover\:border-bg-gray:hover {
--tw-border-opacity: 1;
border-color: rgb(72 72 72 / var(--tw-border-opacity));
}
.hover\:border-bg-blue:hover {
--tw-border-opacity: 1;
border-color: rgb(41 143 245 / var(--tw-border-opacity));
}
.hover\:underline:hover {
text-decoration-line: underline;
}