639 Menu & Nav

Breadcrumbs на CSS

Хлебные крошки сделанные с помощью CSS3 - breadcrumbs. Иерархическая структура навигации позволяющая пользователю определить, как глубоко он находится в структуре сайта.

Breadcrumbs на CSS
480 Menu & Nav

CSS3 меню

Аккуратненькое и стильное меню на css3. Впрочем его элементы можно использовать и как кнопки для сайта.

CSS3 меню
396 Menu & Nav

Летающее за курсором меню

Раскрывающееся двух уровневое меню, которое отслеживает положение курсора мыши и на некотором расстоянии следует за ним. Чтобы меню меньше отвлекало оно сделано прозрачным.

Летающее за курсором меню
382 Menu & Nav

Навигация со слайд эффектом

Навигация в которой смена подменю происходит с эффектом смещения, который реализуется благодаря плагину easing. Похожий эффект, только на prototype реализован на сайте apple.

Навигация со слайд эффектом
474 Menu & Nav

Размытое меню с переходами на CSS3

Очень много интересных вещей можно сделать благодаря свойствам, которые привнес CSS3. В сегодняшнем уроке по экспериментируем с текстовыми тенями и переходами, для достижения эффекта размытости при наведении на меню курсора мыши. Основная идея заключается в том, чтобы размыть другие элементы навигации, акцентируя внимание на том пункте, на который наводим мышкой.

Размытое меню с переходами на CSS3
365 Menu & Nav

Меню - "сюрприз"

Меню под названием "сюрприз" с эффектами easing. Простенько исимпатично. Реализовано на jQuery и CSS3. 

Меню - "сюрприз"
526 Menu & Nav

Динамичное меню

Меню с эффектом волны для пунктов. При наведении курсора, элемент отодвигается вправо. Незатейливо, но сипатично.

Динамичное меню