More actions
(".cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 20px; } .card { background: #111; border: 1px solid #ff00ff; border-radius: 14px; padding: 18px; transition: transform .2s ease, box-shadow .2s ease; } .card:hover { transform: translateY(-4px); box-shadow: 0 0 18px rgba(255,0,255,.4); } .card h3 { margin-top: 0; color: #ff66ff; } .card a { color: #66ccff; text-dec..." içeriğiyle yeni sayfa oluşturdu) |
Değişiklik özeti yok |
||
| 1. satır: | 1. satır: | ||
. | .card-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(auto-fit, minmax( | grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); | ||
gap: 16px; | gap: 16px; | ||
margin-top: | margin-top: 24px; | ||
} | } | ||
.card { | .card { | ||
background: #111; | background: #111; | ||
border: 1px solid # | border: 1px solid #2b2b2b; | ||
border-radius: | border-radius: 12px; | ||
padding: | padding: 16px; | ||
text-align: center; | |||
transition: transform .2s ease, box-shadow .2s ease; | transition: transform .2s ease, box-shadow .2s ease; | ||
} | } | ||
| 16. satır: | 17. satır: | ||
.card:hover { | .card:hover { | ||
transform: translateY(-4px); | transform: translateY(-4px); | ||
box-shadow: 0 | box-shadow: 0 8px 20px rgba(0,0,0,.6); | ||
} | } | ||
.card | .card-title { | ||
margin- | font-size: 18px; | ||
color: # | font-weight: 600; | ||
margin-bottom: 8px; | |||
color: #ffffff; | |||
} | } | ||
.card | .card-desc { | ||
font-size: 14px; | |||
color: #bbbbbb; | |||
} | } | ||
13.36, 7 Ocak 2026 tarihindeki hâli
.card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
margin-top: 24px;
}
.card {
background: #111;
border: 1px solid #2b2b2b;
border-radius: 12px;
padding: 16px;
text-align: center;
transition: transform .2s ease, box-shadow .2s ease;
}
.card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0,0,0,.6);
}
.card-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
color: #ffffff;
}
.card-desc {
font-size: 14px;
color: #bbbbbb;
}