Меню с задержкой отображения
2016-07-15
Меню с задержкой отображения на чистом 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;
}
Демо
