Added hover effects to cards

This commit is contained in:
Kevin Veen-Birkenbach 2025-07-06 22:25:22 +02:00
parent a80262c0d4
commit 6572a39d48
No known key found for this signature in database
GPG Key ID: 44D8F11FD62F878E

View File

@ -38,6 +38,18 @@ a {
background-color: #f9f9f9;
}
.card {
transition: background-color 1s ease, transform 1s ease;
transition: color 1s ease, transform 1s ease;
}
.card:hover {
background-color: var(--bs-secondary) !important;
color: var(--bs-white) !important;
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.card-body {
display: flex;
flex-direction: column;