Бортовой журнал Ктулху
Докапываясь до истины, ты обязательно роешь кому-нибудь яму

Меню с задержкой отображения

Меню с задержкой отображения на чистом CSS без использования скриптов.

 

Обычно выпадающее меню делают при помощи display:block при :hover но в данном случае необходимо использовать visibility:visible и opacity:1.

/* для пункта меню */
.first_div:hover .big_menu_vupad {
 display: block;
 visibility: visible;
 opacity: 1
}
/* для выпадашки */
.big_menu_vupad {
 display: block;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 -webkit-transition: all .5s;
 transition: all .5s;
 -moz-transition-delay: 0.5s;
 -o-transition-delay: 0.5s;
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
 visibility: hidden;
 opacity: 0;
}

Демо

Рейтинг@Mail.ru
Яндекс.Метрика
Hosting Ukraine
Счетчик PR-CY.Rank
Счетчик PR-CY.Rank