fix: remove transform, use arcane glow bloom on hover instead
This commit is contained in:
parent
84607c2866
commit
82ce61ba16
1 changed files with 11 additions and 13 deletions
|
|
@ -252,16 +252,15 @@ body:has(#itemDetailPage) html::after,
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hover: zoom toward viewer + arcane glow */
|
/* Hover: arcane glow + deepen shadow (no transform — scroll container clips it) */
|
||||||
.card-hoverable:hover .cardScalable {
|
.card-hoverable:hover .cardScalable {
|
||||||
transform: scale(1.05) !important;
|
border-color: rgba(56, 189, 248, 0.6) !important;
|
||||||
border-color: rgba(56, 189, 248, 0.5) !important;
|
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 0 0 1px rgba(255, 255, 255, 0.09) inset,
|
0 0 0 1px rgba(255, 255, 255, 0.1) inset,
|
||||||
0 0 20px rgba(56, 189, 248, 0.2),
|
0 0 12px 2px rgba(56, 189, 248, 0.25),
|
||||||
|
0 0 32px 4px rgba(56, 189, 248, 0.1),
|
||||||
0 8px 16px rgba(0, 0, 0, 0.5),
|
0 8px 16px rgba(0, 0, 0, 0.5),
|
||||||
0 32px 64px rgba(0, 0, 0, 0.55),
|
0 32px 64px rgba(0, 0, 0, 0.55) !important;
|
||||||
0 48px 80px rgba(0, 0, 0, 0.3) !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Library cards (visualCardBox) */
|
/* Library cards (visualCardBox) */
|
||||||
|
|
@ -282,14 +281,13 @@ body:has(#itemDetailPage) html::after,
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-hoverable:hover .visualCardBox {
|
.card-hoverable:hover .visualCardBox {
|
||||||
transform: scale(1.05) !important;
|
border-color: rgba(56, 189, 248, 0.6) !important;
|
||||||
border-color: rgba(56, 189, 248, 0.5) !important;
|
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 0 0 1px rgba(255, 255, 255, 0.09) inset,
|
0 0 0 1px rgba(255, 255, 255, 0.1) inset,
|
||||||
0 0 20px rgba(56, 189, 248, 0.2),
|
0 0 12px 2px rgba(56, 189, 248, 0.25),
|
||||||
|
0 0 32px 4px rgba(56, 189, 248, 0.1),
|
||||||
0 8px 16px rgba(0, 0, 0, 0.5),
|
0 8px 16px rgba(0, 0, 0, 0.5),
|
||||||
0 32px 64px rgba(0, 0, 0, 0.55),
|
0 32px 64px rgba(0, 0, 0, 0.55) !important;
|
||||||
0 48px 80px rgba(0, 0, 0, 0.3) !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Frutiger Aero glassmorphism drawer */
|
/* Frutiger Aero glassmorphism drawer */
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue