5494
редагування
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 969: | Рядок 969: | ||
/* Анімація при наведенні: збільшення зображення */ | /* Анімація при наведенні: збільшення зображення */ | ||
.mcc-hero-card:hover .hero-image-wiki a img { | .mcc-hero-card:hover .hero-image-wiki a img { | ||
transform: scale(1.1); | |||
border: 1px solid yellow; | |||
} | |||
.mcc-champion-card .hero-image-wiki { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
z-index: 0; | |||
overflow: hidden; | |||
} | |||
.mcc-champion-card .hero-image-wiki a img { | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
transform: scale(1); | |||
/* 👇 Це робить перехід "гарнішим" і нелінійним */ | |||
transition: transform .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); | |||
} | |||
/* Анімація при наведенні: збільшення зображення */ | |||
.mcc-champion-card:hover .hero-image-wiki a img { | |||
transform: scale(1.1); | transform: scale(1.1); | ||
border: 1px solid yellow; | border: 1px solid yellow; | ||
| Рядок 1000: | Рядок 1025: | ||
.mcc-hero-card:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); } | .mcc-hero-card:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); } | ||
.mcc-champion-card:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); } | |||