Стильное фантастическое меню шапка на CSS3
18-03-2011, 17:03. Разместил: Admin
Волшебство CSS3 или Стильное фантастическое меню шапка на CSS3Просто фантастический пример волшебства CSS3 анимации.
Для реализации такого стильного эффекта используется CSS3 свойство transition.
Шапка меню выполнено маркированным списком с разным уровнем вложенности. При наведении на категорию меню происходит эффектная плавная смена заднего фона, состоящего из трёх картинок, которые плавно собираются в один фон и сверху плавно приесжает меню подкатегорий. При убирании курсора происходит обратная анимация. Ещё раз хочу заметить, что это всё реализовано только на CSS, никакого javascript!
Код меню валидный DTD XHTML 1.0 Strict.
Меню корректно работает только в современных браузерах последних версий - Opera, Google Chrome, Safari. В IE - не работает, в Mozilla Firefox работает начиная с версии 4.
Посмотреть пример стильное фантастическое меню шапка на CSS3
Скачать готовый пример стильное фантастическое меню шапка на CSS3
Вернуться назад