MediaWiki:Citizen.css: различия между версиями
Askell (обсуждение | вклад) Нет описания правки |
Askell (обсуждение | вклад) Нет описания правки |
||
| Строка 933: | Строка 933: | ||
border: 1px solid rgba(0, 0, 0, 0.125); | border: 1px solid rgba(0, 0, 0, 0.125); | ||
border-radius: 0.25rem; | border-radius: 0.25rem; | ||
overflow: hidden; | |||
opacity: 0; | |||
transform: scale(0.9); | |||
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; | |||
} | |||
.card.show { | |||
opacity: 1; | |||
transform: scale(1); | |||
} | } | ||
| Строка 939: | Строка 948: | ||
border-top-left-radius: calc(0.25rem - 1px); | border-top-left-radius: calc(0.25rem - 1px); | ||
border-top-right-radius: calc(0.25rem - 1px); | border-top-right-radius: calc(0.25rem - 1px); | ||
transition: filter 0.3s ease-in-out; | |||
} | |||
.card:hover .card-img-top { | |||
filter: grayscale(50%); | |||
} | } | ||
| Строка 944: | Строка 958: | ||
flex: 1 1 auto; | flex: 1 1 auto; | ||
padding: 1rem; | padding: 1rem; | ||
background-color: #f8f9fa; | |||
transition: background-color 0.3s ease-in-out; | |||
} | |||
.card:hover .card-body { | |||
background-color: #e9ecef; | |||
} | } | ||
.card-title { | .card-title { | ||
margin-bottom: 0.5rem; | margin-bottom: 0.5rem; | ||
font-size: 1.25rem; | |||
font-weight: bold; | |||
color: #343a40; | |||
} | } | ||
| Строка 953: | Строка 976: | ||
margin-top: 0; | margin-top: 0; | ||
margin-bottom: 1rem; | margin-bottom: 1rem; | ||
color: #6c757d; | |||
} | |||
.card:hover { | |||
transform: scale(1.02); | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
} | } | ||