boris/ElegantFin
1
0 Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2026-10-26 09:39:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Simplified the card hover overlay animation

Browse Source
This commit is contained in:
lscambo13 committed 2026-05-25 21:08:28 +05:30
1 parent 45273ab2cd
commit 8ff232ece0
1 file changed
+7 -9
Download Patch File Download Diff File Expand all files Collapse all files
Theme/ElegantFin-theme-nightly.css
+7 -9
View File
@@ -67,15 +67,15 @@
--hoverGradientV: linear-gradient(
0deg,
transparent,
rgb(255 255 255 / 100%) 45%,
rgb(255 255 255 / 100%) 55%,
rgb(255 255 255 / 35%) 45%,
rgb(255 255 255 / 35%) 55%,
transparent
);
--hoverGradientH: linear-gradient(
90deg,
transparent,
rgb(255 255 255 / 100%) 45%,
rgb(255 255 255 / 100%) 55%,
rgb(255 255 255 / 35%) 45%,
rgb(255 255 255 / 35%) 55%,
transparent
);
@@ -463,7 +463,7 @@ select {
.cardOverlayContainer:after {
content: var(--cardHoverEffect);
transition: 0.5s;
transition: 0.65s;
position: absolute;
top: 0;
bottom: 0;
@@ -474,8 +474,7 @@ select {
}
.card-hoverable:hover .cardOverlayContainer:after {
transform: translateY(50%) translateX(0);
opacity: 0;
transform: translateY(100%) translateX(0);
}
.backdropCard.card-hoverable .cardOverlayContainer:after,
@@ -486,8 +485,7 @@ select {
.backdropCard.card-hoverable:hover .cardOverlayContainer:after,
.overflowBackdropCard.card-hoverable:hover .cardOverlayContainer:after {
transform: translateY(0) translateX(50%);
opacity: 0;
transform: translateY(0) translateX(100%);
}
.cardBox:not(.visualCardBox) .cardPadder {