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

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

Посмотреть пример стильное фантастическое меню шапка на CSS3
Скачать готовый пример стильное фантастическое меню шапка на CSS3
Версия для печати
  • 100
     Просмотров: 7 240      Комментариев: 11   

Понравилась новость Стильное фантастическое меню шапка на CSS3 на MegaWeb.su? Сохрани в закладках или распечатай!


Информация

Внимание!

Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!

Другие новости по теме

Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Стильное фантастическое меню шапка на CSS3 из категории Меню навигации

№ 11 Автор: nthanter 9 августа 2012 14:33

 Вот такой я - nthanter

nthanter
Гости
комментариев
публикаций

Статус:
апупеть, в натуре фантастика!!! тут смайликов для выражения не найти ))

такое чудо надо ставить только на индексы, сразу зашибёт!

  • Нравится
  • 0
    

№ 10 Автор: Admin 23 января 2012 18:13

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: kruz
Нехорошая задержка перед появлением подкатегории.

В том вся фишка CSS 3 анимации, без задержки будет не тот эффект.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 9 Автор: kruz 23 января 2012 15:02

 Вот такой я - kruz

kruz
Гости
комментариев
публикаций

Статус:
ААААААААААААААААААААА!!!!!!!!!!!!! установил. Супер. Единственный минус. Нехорошая задержка перед появлением подкатегории.

  • Нравится
  • 0
    

№ 8 Автор: Admin 22 января 2012 23:35

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: kruz
Здравствуйте. А для Ucoz подойдет. Интересует совместимость.

На юкоз пойдёт.
Цитата: kruz
И как установить? Хоть вкратце пожалуйста.

Тут вкратце не объяснишь, качаете меню, заливаете на юкоз, ставите код меню в нужное место ...


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 7 Автор: kruz 22 января 2012 18:11

 Вот такой я - kruz

kruz
Гости
комментариев
публикаций

Статус:
И как установить? Хоть вкратце пожалуйста.

  • Нравится
  • 0
    

№ 6 Автор: kruz 22 января 2012 17:59

 Вот такой я - kruz

kruz
Гости
комментариев
публикаций

Статус:
Здравствуйте. А для Ucoz подойдет. Интересует совместимость.

  • Нравится
  • 0
    

№ 5 Автор: Admin 8 сентября 2011 13:01

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: Alex2008
Можно сделать что бы в IE заработало?

Меню работает в IE но без анимации. К сожалению IE нельзя заставить поддерживать CSS3. Вот такой это говнобраузер.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 4 Автор: Alex2008 8 сентября 2011 12:09

 Вот такой я - Alex2008

Alex2008
Гости
комментариев
публикаций

Статус:
Можно сделать что бы в IE заработало?

  • Нравится
  • 0
    

№ 3 Автор: oleg35 24 мая 2011 20:25

 Вот такой я - oleg35

oleg35
Гости
комментариев
публикаций

Статус:
Классно и просто)))... использую в дипломе...

  • Нравится
  • 0
    

№ 2 Автор: Admin 23 марта 2011 12:27

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: vic.tor
здорово!
очень красиво

Я сам в восторге, себе бы поставить да воткнуть некуда.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 1 Автор: vic.tor 23 марта 2011 10:09

 Вот такой я - vic.tor

vic.tor
Гости
комментариев
публикаций

Статус:
здорово!
очень красиво

  • Нравится
  • 0
    

Информация

Внимание!

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Лента новостей
RSS 2.0

Лента новостей сайта megaweb.su

Блок программ Популярный софт

Коды блока "Популярный софт":

Фиксированный
windows-1251

код блока 1

<script type="text/javascript" src="/softblok/softblok.js" charset="windows-1251"></script>

Резиновый
windows-1251

код блока 2

<script type="text/javascript" src="/softblok/softblok2.js" charset="windows-1251"></script>

Резиновый
UTF-8

код блока 3

<script type="text/javascript" src="/softblok/softblok1.js" charset="utf-8"></script>

Глобус