From 023e08c44243f4c96abbcd0fe6d780acb2e8f27c Mon Sep 17 00:00:00 2001 From: Lucas Patenaude Date: Wed, 10 Apr 2024 00:00:32 -0600 Subject: [PATCH] New card design implemented --- .../css/navigation-bar/scoreboard-header/game-card.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/game-card.css b/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/game-card.css index 67e88e9..111da45 100644 --- a/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/game-card.css +++ b/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/game-card.css @@ -21,9 +21,15 @@ #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 */ .score-card-body { display: flex;