Сегодня, хотелось бы рассмотреть создание прозрачного меню с использованием спрайтов. Использование CSS спрайтов снижает количество HTTP запросов,  и соответственно увеличивается скорость загрузки сайта. В уроке используется только CSS и HTML5.


Add a comment

Итак, задача на сегодня сделать меню, которое остается фиксированным в верхней части браузера при прокрутке страницы.
Для работы нам понадобится библиотека jQuery и браузер с поддержкой CSS3.
Начнем с HTML структуры нашего меню, а она особо не отличается от всех остальных.


Add a comment

Горизонтальное меню для сайта на чистом css3 с интересным эффетом при наведении.



Add a comment

Горизонтальное меню для сайта с использованием JQuery.



Add a comment

Это меню навигации для сайта имеет адаптивный (responsive) дизайн, который легко адаптируется к любому размеру окна или устройства. Включены три цветовые схемы, каждая схема с анимацией при наведении.

Использование шрифтов Google Web Fonts



Add a comment