categories,18popup,clear.TextEditorSwap,GameCardHover #177
@ -5,12 +5,16 @@
|
|||||||
grid-gap: 10px;
|
grid-gap: 10px;
|
||||||
text-decoration: unset;
|
text-decoration: unset;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
border-radius: 15px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardGameMainWrapperLink:hover {
|
.cardGameMainWrapperLink:hover {
|
||||||
transition: ease 0.4s;
|
transition: ease 0.4s;
|
||||||
transform: scale(1.02);
|
transform: scale(1.02);
|
||||||
text-decoration: unset;
|
text-decoration: unset;
|
||||||
|
background: rgb(0,0,0,0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardGameMainWrapperLink:active {
|
.cardGameMainWrapperLink:active {
|
||||||
@ -24,7 +28,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.cardGameMain {
|
.cardGameMain {
|
||||||
border-radius: 15px;
|
border-radius: 10px;
|
||||||
box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.1);
|
box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.1);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
object-fit: cover; /* Ensures the image covers the container like a background image */
|
object-fit: cover; /* Ensures the image covers the container like a background image */
|
||||||
@ -36,7 +40,7 @@
|
|||||||
.cardGameMainTitle {
|
.cardGameMainTitle {
|
||||||
transition: ease 0.4s;
|
transition: ease 0.4s;
|
||||||
color: rgba(255, 255, 255, 0.5);
|
color: rgba(255, 255, 255, 0.5);
|
||||||
padding: 0 15px;
|
padding: 0 10px 10px 10px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user