kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-11-04 09:27:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added hover effects to cards

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach
2025-07-06 22:25:22 +02:00
parent a80262c0d4
commit 6572a39d48
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/static/css/default.css
View File

@@ -38,6 +38,18 @@ a {
background-color: #f9f9f9; 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 { .card-body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;