Как сделать появление блока при наведении с помощью CSS?

Question

[kabanchiks]

как сделать чтобы при наведении на блок выводилось меню, типо вот этого

Answer 1

[Сергей Еремин]

отрабатывать соответствующую функцию отображения нужных боков по событию mouseover...

Answer 2

[Рей Достоевский]

Есть блок с классом "block", есть список li "list"
В css:

.block{
    display: block;
    position: relative;
}
.list{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.block:hover .list{
    display: block
}

Возможно ещё .block::hover, если не сработает.
Также, можно с помощью паддингов, но это уже совсем другая история)

Answer 3

[FrelFrloich]

в элемент c кино поиском спрячьте всё меню, при наведении выводите, я грубо опишу нижу.

<div class="search">
<button class="search__button" aria-label="Кнопка вызова меню">КиноПоиск</button>

<ul class="search__list">
 тут контент который вам нужен
</ul>
</div>

<code lang="css">
.search  {
   posititon: relative;

   //наводим красоту
}
.search__list {
   position: absolute;

   //тут тоже наводим красоту и позицианирование

   opacity: 0;
}

.search:hover .search__list  {
   opacity: 1;
}
</code>