degmods.com/src/styles/cardGames.css

41 lines
830 B
CSS
Raw Normal View History

2024-07-11 11:19:12 +00:00
.cardGameMainWrapperLink {
transition: ease 0.4s;
display: flex;
flex-direction: column;
grid-gap: 10px;
text-decoration: unset;
}
.cardGameMainWrapperLink:hover {
transition: ease 0.4s;
transform: scale(1.02);
text-decoration: unset;
}
.cardGameMainWrapperLink:active {
transition: ease 0.1s;
transform: scale(1);
}
.cardGameMain {
border-radius: 15px;
box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.1);
width: 100%;
object-fit: cover; /* Ensures the image covers the container like a background image */
2024-09-02 09:38:43 +00:00
height: 396px;
max-width: 264px;
2024-07-11 11:19:12 +00:00
}
.cardGameMainTitle {
transition: ease 0.4s;
color: rgba(255, 255, 255, 0.5);
2024-07-11 11:19:12 +00:00
padding: 0 15px;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
font-size: 18px;
line-height: 1.5;
}