|
|
| Строка 925: |
Строка 925: |
| /* Контейнер для группы карточек */ | | /* Контейнер для группы карточек */ |
| /* | | /* |
| .card-group {
| |
| display: wrap; /* Располагает карточки в ряд */
| |
| gap: 10px; /* Отступ между карточками */
| |
| flex-wrap: wrap; /* Если не помещаются, переносятся на новую строку */
| |
| justify-content: center; /* Выравнивание по центру */
| |
| }
| |
| /*
| |
| .card {
| |
| position: relative;
| |
| display: flex;
| |
| flex-direction: column;
| |
| min-width: 0;
| |
| word-wrap: break-word;
| |
| background-color: #fff;
| |
| background-clip: border-box;
| |
| border: 1px solid rgba(0, 0, 0, 0.125);
| |
| 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);
| |
| }
| |
|
| |
| .card-img-top {
| |
| width: 100%;
| |
| border-top-left-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%);
| |
| }
| |
|
| |
| .card-body {
| |
| flex: 1 1 auto;
| |
| padding: 1rem;
| |
| background-color: #f8f9fa;
| |
| transition: background-color 0.3s ease-in-out;
| |
| }
| |
|
| |
| .card:hover .card-body {
| |
| background-color: #e9ecef;
| |
| }
| |
|
| |
| .card-title {
| |
| margin-bottom: 0.5rem;
| |
| font-size: 1.25rem;
| |
| font-weight: bold;
| |
| color: #343a40;
| |
| }
| |
|
| |
| .card-text {
| |
| margin-top: 0;
| |
| margin-bottom: 1rem;
| |
| color: #6c757d;
| |
| }
| |
|
| |
| .card:hover {
| |
| transform: scale(1.02);
| |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
| |
| }
| |
| */
| |
| /* Контейнер для группы карточек */
| |
| /* Контейнер для группы карточек */ | | /* Контейнер для группы карточек */ |
| .card-group { | | .card-group { |