Программы
Музыка
Игры
Заработок и Раскрутка
GPS навигация
» » Стильное фантастическое меню-шапка на CSS3
Информация к новости
  • Просмотров: 1 530
  • Автор: hazardcd
  • Дата: 24-08-2014, 08:40
  • Не нравится
  • 0
  • Нравится
24-08-2014, 08:40

Стильное фантастическое меню-шапка на CSS3

Категория: Вебмастер / Меню / Многоуровневые

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

ДЕМО

Скачать

Скачать

Метки к статье: CSS3 меню-шапка

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
HTML-cсылка:
BB-cсылка:
Прямая ссылка:

Добавление комментария

Имя:*
E-Mail:
Комментарий:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Подтвердите что вы не робот: *

ELVEN GOLD

^
 
Рейтинг сайтов HazardCD Studio Рейтинг@Mail.ru Push 2 Check Web100kz.com - каталог сайтов Траст. Анализ сайта hi-cd.ru Goon Каталог сайтов