На сайте Inbox Google Вот увидел интересную реализацию в дизайне. Функциональные кнопки появляются только при наведении на блок(перейдите и убедитесь сами). Не могу понять как это реализовано. Может где есть готовые примеры или какая реализация?
Если вы про кнопки, которые возникают при наведении на письмо, то делается это через селектор :hoverродительского элемента.
.outer {
height: 50px;
background: orange;
}
.inner {
display: none;
}
.outer:hover .inner {
display: block;
}
<html>
<body>
<div class="outer">
<div class="inner">
<button>Open</button>
<button>Save</button>
</div>
</div>
</body>
</html>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей