Как создать всплывающий блок при наведении на ссылку?

@Czo · Регистрация: 08.09.2018

Author24 — интернет-сервис помощи студентам

Добрый день.
Есть горизонтальное навигационное меню со ссылками.
При наведении на произвольную ссылку под ней должен появляться блок с заданными характеристиками.
По сути этот блок - просто подчеркивание, только оформлен специфическим образом (отступы, градиент, размеры).
Как такое реализовать?

@Para bellum · 08.09.2018, 08:03

Используйте псевдоэлемент ::after.
Например:

HTML5

<style>
    a {
        display: inline-block;
    }
    
    a:hover::after {
        background: #333;
        content: '';
        display: inline-block;
        height: 2px;
        width: 100%;
    }
</style>
<a href="">Наведите указатель</a>

@Czo 1 / 1 / 0 Регистрация: 08.09.2018 Сообщений: 11
		1
	Как создать всплывающий блок при наведении на ссылку? 08.09.2018, 06:05. Показов 3605. Ответов 1 Метки нет (Все метки) Добрый день. Есть горизонтальное навигационное меню со ссылками. При наведении на произвольную ссылку под ней должен появляться блок с заданными характеристиками. По сути этот блок - просто подчеркивание, только оформлен специфическим образом (отступы, градиент, размеры). Как такое реализовать? 0

	08.09.2018, 08:03