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

Меню на чистом CSS с классными эффектами при наведении by slavick

Посмотрите ДЕМО
Классное меню с анимационным эффектом при наведение

в то место где будет меню
Код
<div id="blockc">
<div id="block"><a href="#">Главная</a></div>
<div id="block"><a href="#">Главная</a></div>
<div id="block"><a href="#">Главная</a></div>
<div id="block"><a href="#">Главная</a></div>
</div>


В CSS
Код
#block {
  width:80px;
  height:60px;
  background:#e3e3e3;
  display:inline-block;  
  transition-duration:1.0s;
  border: solid 2px #969696;
  box-shadow: 1px 1px 5px 1px #c7c7c7;
  border-radius:5px;
  margin:3px;

}
#block:hover {
  -webkit-transform:rotate(360deg);
  background:#c3c3c3;
   
}

#block a {
  font-family:"segoe script";
padding-top:15px;
  padding-bottom:15px;
  display:block;
  color:#969696;  

}

#blockc {
  background:#e3e3e3;
  width:372px;
  border-radius:5px;
  border:solid 1px #969696;
}


Вот и всё
Категория: Меню | Добавил: slavick (15.09.2013)
Просмотров: 220 | Теги: наведении, на, By, чистом, slavick, классными, При, эффектами, css, меню | Рейтинг: 1.0/5
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]