TheErrorExe/ba
1
0
Fork 0
mirror of https://github.com/TheErrorExe/blockattack synced 2025-09-05 21:11:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update style.css

Browse Source
This commit is contained in:
TheErrorExe 2025-01-06 17:14:54 +01:00 committed by GitHub
parent ed97a8fab7
commit 70eea597a0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
static/css/style.css
View File

@ -99,45 +99,42 @@ h2 {
margin-bottom: 20px; margin-bottom: 20px;
} }
/* Spezifischer Stil für die Features */ /* Cards Layout */
#features { .card {
display: flex; background: rgba(0, 0, 0, 0.3);
flex-wrap: wrap; margin: 20px;
justify-content: center; padding: 20px;
gap: 20px; border-radius: 8px;
}
#features .card {
width: 300px; /* Einheitliche Breite */
aspect-ratio: 4 / 3; /* Rechteckiges Verhältnis */
background: rgba(0, 0, 0, 0.6);
padding: 15px;
border-radius: 0; /* Keine Abrundungen für rechteckige Form */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s, background 0.3s; transition: transform 0.3s, background 0.3s;
width: 300px;
text-align: center; text-align: center;
} }
#features .card:hover { .card:hover {
transform: translateY(-5px); transform: scale(1.05);
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.5);
} }
#features .card img { .card img {
width: 100%; width: 100%;
height: auto; height: auto;
border-radius: 0; /* Rechteckige Bilder */ border-radius: 8px;
transition: transform 0.3s;
} }
#features .card h3 { .card img:hover {
transform: scale(1.1);
}
.card h3 {
color: #fff; color: #fff;
margin: 10px 0; margin-top: 10px;
font-size: 1.5em; font-size: 1.5em;
} }
#features .card p { .card p {
font-size: 1.1em; font-size: 1.1em;
color: #ccc; color: #aaa;
} }
/* Buttons */ /* Buttons */