Итак, есть задача создать прокручиваемое меню (с фиксированной высотой и шириной) с подменю, причем подменю должно появляться,
когда мышка наведена на родительский пункт меню. Или, другими словами, наша задача сделать так, чтобы блок выпадающий из блока с overflow hidden был виден.
Не призываю, да вы и сами понимаете, ‛копипастить‛ мое решение с 0. Вы можете использовать это решения, например, для вдохновения. Будут еще тестовые задания от яндекса – присылайте мне на почту, решим.
Для больших демонстрационных блоков в дизайне от uniqli.com используется "полосатая" анимация: при наведении мышки на блок проявляется череда сменяющихся полосок. На мой взгляд, замечательный эффект.
Каждая из этих техник основана на чистом CSS, без уродливых хаков, и JavaScript.
Иногда у новичков возникает вопрос – как ссылаться на определенные области внутри страницы?
Большинство веб-мастеров используют кнопки CSS (созданные с помощью CSS) вместо изображений кнопок.
Но что если мы хотим изменить стиль у всех элементов кроме элемента, на который в данный момент наведена мышка?
Ссылки – основная часть интернета. Ссылки, в действительности, соединяют контент, так почему бы не сделать соединение забавным?