Выделить цветом часть предыдущего меню
164
04 апреля 2019, 15:40
Подскажите, как можно сделать меню как на скрине. Как сделать изменение цвета при наведении на меню (что бы захватывало скругления предыдущего меню). Спасибо
<div>
<ul>
<li>Календарь событий</li>
<li>Работа с клиентами</li>
<li>Справочник</li>
</ul>
</div>
Answer 1
Отрицательные маргины и немного z-index. Решение не особо универсальное, но вполне отвечает на вопрос в какую сторону вам копать.
& + .navigation__item {
margin-left: -30px;
}
&:nth-child(1) {
z-index: 3;
}
&:nth-child(2) {
z-index: 2;
}
&:nth-child(3) {
z-index: 1;
}
Сodepen
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47688 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30538 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23715 visits
- Как через css изменить цвет png изображения? 10368 visits
- Blob video url download 9977 visits
- Php curl запрос через прокси с авторизацией 9235 visits
- Работа с captcha vk api 8112 visits
© "hostciti.net" 18.1.2025 | 21:20