Главная » Статьи » Меню

..::Размытое меню на CSS3::..

Посмотрите ДЕМО
В то место где будет меню
Код
<nav> <a href='#'>Главная</a> <a href='#'>Портфолио</a> <a href='#'>Отзывы</a> <a href='#'>Контакты</a> </nav>  

  Read more: http://pcvector.net/scripts/menu_and_navigation/415-razmytoe-menyu-na-css3.html#ixzz2a9TevFcm

в CSS
Код
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } html, body { margin: 0; padding: 0; } nav { background: none repeat scroll 0 0 #202033; box-shadow: 0 3px 5px #555555; position: relative; text-align: center; } nav:hover a { color: transparent; text-shadow: 0 0 3px #CC5C00; } nav a { color: #CC5C00; display: inline-block; font-family: tahoma; font-size: 1.25em; height: 66px; line-height: 66px; text-decoration: none; transition: all 0.3s ease 0s; width: 150px; } nav a:hover { border-bottom: 5px solid #FF7300; color: #FF7300; text-shadow: none; } @media screen and (max-width: 620px) { nav a { width: 49%; } } @media screen and (max-width: 300px) { nav a { width: 100%; } }  

  Read more: http://pcvector.net/scripts/menu_and_navigation/415-razmytoe-menyu-na-css3.html#ixzz2a9TevFcm
Категория: Меню | Добавил: slavick (26.07.2013)
Просмотров: 132 | Теги: Размытое, CSS3, меню, на | Рейтинг: 1.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]