8,960
edits
No edit summary |
No edit summary |
||
| Line 15: | Line 15: | ||
box-sizing: border-box; /* Учитываем рамку и отступы в размерах */ | box-sizing: border-box; /* Учитываем рамку и отступы в размерах */ | ||
position: relative; /* Необходим для позиционирования псевдоэлемента */ | position: relative; /* Необходим для позиционирования псевдоэлемента */ | ||
transition: background-color 0.3s ease; /* Плавный переход для фона | color: #FFFFFF; /* Изначальный цвет текста белый */ | ||
transition: background-color 0.3s ease, color 0.3s ease; /* Плавный переход для фона и цвета текста */ | |||
} | } | ||
| Line 22: | Line 22: | ||
background-color: #FFD700; /* Желтоватый цвет фона при наведении */ | background-color: #FFD700; /* Желтоватый цвет фона при наведении */ | ||
border-color: #FFC107; /* Ярче цвет рамки при наведении */ | border-color: #FFC107; /* Ярче цвет рамки при наведении */ | ||
color: #D02019; /* Цвет текста при наведении */ | |||
} | } | ||
/* Убедимся, что текст не | /* Убедимся, что текст не меняет других стилей при наведении */ | ||
li.explore-adaptive-item:hover * { | li.explore-adaptive-item:hover * { | ||
color: inherit; /* Сохраняем цвет текста */ | color: inherit; /* Сохраняем цвет текста при наведении */ | ||
text-decoration: none; /* Убираем возможные подчеркивания */ | text-decoration: none; /* Убираем возможные подчеркивания */ | ||
} | } | ||