Я использовал шаблоны RocketTheme Joomla.
У меня есть попытка отложить наведение курсора на меню.
Я хочу использовать следующий css для задержки при наведении меню. И это работает. Пожалуйста, проверьте ссылку - www.test2.guru99.com/
.gf-menu li .dropdown {
transition: opacity 5.0s ease-out 0.0s;
}
Мое требование - когда мышь перемещается, меню по-прежнему отображается в течение нескольких секунд.
Адрес моего сайта - www.test2.guru99.com/
Пожалуйста, помогите мне!
переход: [animationTime] [delayTime] ...
li > ul{
visibility:hidden;
opacity:0;
transition: 0.5s 2s; /* put the mouseleave wait time here */
}
li:hover > ul{
visibility:visible;
opacity:1;
transition: 0.5s 0s; /* put the mouseenter wait time here */
}<ul>
<li>
<a>List item (will take 2sec to fade out)</a>
<ul>
<li><a>Sub-List item 1</a></li>
<li><a>Sub-List item 2</a></li>
</ul>
</li>
</ul>При входе мыши срабатывает :hover, и есть правило transition delay для 0s (без задержки).
При выходе из мыши будет использоваться исходное правило (2s задержка).
