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