Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
.race- | .race-box { | ||
border: 2px solid #555; | |||
padding: 10px; | padding: 10px; | ||
display: inline-block; | |||
background-color: #2c2f3d; | |||
margin: 10px; | |||
text-align: center; | |||
width: 120px; | |||
height: 160px; | |||
border-radius: 10px; | border-radius: 10px; | ||
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7); | box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7); | ||
transition: transform 0.3s ease, box-shadow 0.3s ease; | |||
overflow: hidden; | |||
} | |||
.race-box img { | |||
width: 100px; | |||
height: 100px; | |||
border-radius: 8px; | |||
transition: transform 0.3s ease; | |||
} | } | ||
.race-box:hover { | .race-box img:hover { | ||
transform: scale(1.1); | |||
} | } | ||
| Строка 20: | Строка 32: | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
font-weight: bold; | font-weight: bold; | ||
opacity: 0.85; | |||
} | } | ||
.race-box:hover | .race-box:hover { | ||
background-color: #3a404d; | |||
transform: scale(1.05); | |||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8); | |||
} | } | ||
.race-box:hover .race-name { | |||
.race- | opacity: 1; | ||
.race- | |||
} | } | ||
Версия от 10:11, 18 января 2025
.race-box {
border: 2px solid #555;
padding: 10px;
display: inline-block;
background-color: #2c2f3d;
margin: 10px;
text-align: center;
width: 120px;
height: 160px;
border-radius: 10px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7);
transition: transform 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
}
.race-box img {
width: 100px;
height: 100px;
border-radius: 8px;
transition: transform 0.3s ease;
}
.race-box img:hover {
transform: scale(1.1);
}
.race-box .race-name {
color: #f1f1f1;
font-size: 14px;
margin-top: 8px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
opacity: 0.85;
}
.race-box:hover {
background-color: #3a404d;
transform: scale(1.05);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}
.race-box:hover .race-name {
opacity: 1;
}