Горизонтальная навигация с градиентной заливкой
5-06-2013, 23:14. Разместил: Admin
Несколько примеров горизонтальной навигации с градиентной заливкой, никаких картинок только CSS. Идея реализации попалась мне ещё года два назад, но тогда это было неактуально так как браузеры такую реализацию поддерживали очень криво и в массы такую навигацию не пустишь. Теперь это всё хорошо работает и пришло время массового использования этой техники.Меню реализовано маркированным списком, код валидный HTML5 корректно работает во всех современных браузерах. Весь эффект реализован CSS3 свойством background-image: linear-gradient () - линейный градиент и box-shadow - тень блока.
Я подготовил шесть примеров навигаций разных цветов что бы можно было выбрать подходящее и сразу использовать. Код брать непосредственно в примере (Ctrl+U)
Примеры:
Пример градиент меню чёрное
Пример градиент меню синее
Пример градиент меню зелёное
Пример градиент меню коричневое
Пример градиент меню фиолетовое
Пример градиент меню жёлтое
Не забывайте ссылаться на MegaWeb.su!
Вернуться назад