mac os | WebDuty

CSS-меню в стиле Mac OS

Вы прошлых статьях было рассказано как сделать меню в стиле Mac OS используя Javascript, теперь сделаем примерно тоже самое используя исключительно HTML-разметку и CSS.
Основой для меню будет неупорядоченный список. Создадим две версии: расширяющееся кверху и книзу.
cover2
Для создания меню будем использовать псевдо-класс :hover на тег <li> и селектор “+” для изменения стилей пунка меню, находящихся справа.