Меню с задержкой отображения на чистом CSS без использования скриптов.
Обычно выпадающее меню делают при помощи display:block при :hover но в данном случае необходимо использовать visibility:visible и opacity:1.
--
Завести себе карту Монобанка и я получу 50 грн кэшбека: https://monobank.ua/r/Zd6LxX
--
Payeer: P1076541811
--
Крипота:
usdt: 0x03f423C10afa3425727c2aa17ce12763532990Cd
btc: bc1qvgcc7xdy00wy4u7h5hg40xqd9jsltc9ke4jgy6
eth: 0x03f423C10afa3425727c2aa17ce12763532990Cd
zil: zil17ehwnnt4ckh276vf0d3ezrcathurtvfxvzepv9
sol: 4myPNvsNapUBoHe5hN9zx8b2vLyFon2NEZ27SVW7Q8Fy
Меню с задержкой отображения на чистом 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; }
Делиться материалами сайта категорически рекомендуется, в качестве благодарности - ссылки на источник, и делитесь во благо распространения информации.