New card design implemented

This commit is contained in:
Lucas Patenaude
2024-04-10 00:00:32 -06:00
parent 9bc17f7c27
commit 023e08c442

View File

@@ -21,9 +21,15 @@
#game-card:hover { #game-card:hover {
transform: scale(1.05); /* Scale up by 10% on hover */ transform: skewX(-20deg) scale(1.05); /* Increase scale on hover to make it pop */
z-index: 998;
box-shadow:
-10px 0 20px rgba(0, 0, 0, 0.3), /* Shadow on the left side */
10px 0 20px rgba(0, 0, 0, 0.3), /* Shadow on the right side */
0 0 20px rgba(0, 0, 0, 0.3); /* Default shadow */
} }
/* Entire Card Information Body */ /* Entire Card Information Body */
.score-card-body { .score-card-body {
display: flex; display: flex;