MegaWeb.su Главная > Меню навигации > Выезжающее CSS3 меню

Выезжающее CSS3 меню


6-04-2011, 15:17. Разместил: Admin
Выезжающее CSS3 менюКомпактное выезжающее горизонтальное выпадающее CSS3 меню
Стильный пример CSS3 анимации свойства transition, меню реализовано в виде одной кнопки, при наведении на кнопку - вправо плавно выезжает остальная часть меню с категориями, при наведении на категорию - плавно вниз выпадает меню подкатегорий, всё просто и эффектно.
HTML реализация - в блок меню вложен маркированный список самого меню, в первый элемент списка вложен ещё один блок, который выезжает при наведении, с маркированным списком с разным уровнем вложенности. Меню корректно работает во всех современных браузерах, код меню валидный DTD XHTML 1.0 Strict. CSS реализацию изучаем самостоятельно.

Смотреть пример компактное выезжающее горизонтальное выпадающее CSS3 меню
Скачать готовый пример компактное выезжающее горизонтальное выпадающее CSS3 меню
Вернуться назад