New card design implemented
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user