5494
редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 1019: | Рядок 1019: | ||
.mcc-hero-card:hover { | .mcc-hero-card:hover { | ||
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); /* Більш виражена тінь при наведенні */ | box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); /* Більш виражена тінь при наведенні */ | ||
} | |||
/* 1. Стиль для no page: Чорно-біле зображення */ | |||
.mcc-hero-card.no-page-card .hero-image-wiki { | |||
filter: grayscale(100%); /* Робить зображення чорно-білим */ | |||
opacity: 0.7; /* Трохи зменшуємо прозорість для підкреслення */ | |||
} | |||
/* 2. Стиль для no page: Прибираємо типовий курсор посилання */ | |||
.mcc-hero-card.no-page-card .mcc-hero-link { | |||
cursor: default; /* Робимо курсор звичайним, щоб візуально прибрати посилання */ | |||
} | |||
/* 3. Опціонально: Прибираємо тінь при наведенні для no page */ | |||
.mcc-hero-card.no-page-card:hover { | |||
transform: none; /* Відміняємо анімацію збільшення картки, якщо вона є */ | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Залишаємо стандартну тінь */ | |||
} | |||
.mcc-hero-card.no-page-card:hover .hero-image-wiki { | |||
transform: scale(1); /* Відміняємо анімацію масштабування зображення */ | |||
} | |||
/* 1. Стиль для Champion: Інша рамка (наприклад, золота/фіолетова) */ | |||
.mcc-hero-card .champion-card { | |||
border: 3px solid #FFD700; /* Золота рамка навколо посилання */ | |||
border-radius: 12px; | |||
box-shadow: 0 0 15px rgba(255, 215, 0, 0.5); /* Світіння */ | |||
} | |||
/* 2. Стиль для Champion: Краща анімація (більше збільшення при наведенні) */ | |||
.mcc-hero-card:hover .champion-card .hero-image-wiki { | |||
transform: scale(1.15); /* Більше масштабування, ніж стандартне (1.1) */ | |||
} | |||
/* 3. Стиль для Champion: Краща анімація (посилене світіння) */ | |||
.mcc-hero-card:hover .champion-card { | |||
box-shadow: 0 0 25px rgba(255, 215, 0, 0.9); /* Яскравіше світіння */ | |||
} | } | ||