CSS Продолжайте удерживать позицию на ходу до тех пор, пока не будет виден другой элемент на

Возможно ли использовать только CSS для расширения элемента, когда пользователь наводится на элемент, и сохраняйте его таким образом, пока пользователь не наведет на другой элемент?CSS Продолжайте удерживать позицию на ходу до тех пор, пока не будет виден другой элемент на

Я пробовал переходы, которые будут расширяться и оставаться открытыми или расширяться и закрываться, но не расширяться, ждать другого действия, а затем снова закрыть элемент.

<html> 
    <ul id="menu"> 
     <li>Coffee</li> 
     <li>Tea</li> 
     <li>Milk</li> 
    </ul> 
</html> 

#menu { 
    font-size: 0px; 
    line-height: 10px; 
    background: #eee; 
} 

#menu li{ 
    font-size: 0px; 
    line-height: 10px; 
    transition:0s 180s; 
} 

#menu li:hover { 
    font-size: 10px; 
    line-height: 12px; 
    transition:0s; 
} 

#menu ul:hover { 
    font-size: 0px; 
    line-height: 12px; 
    transition:0s; 
}

источник

2014-11-24 user2949976

Я боюсь, что это невозможно с помощью CSS. Почему бы не использовать jQuery? – Maantje

Его работа, я не могу отредактировать html-страницу. – user2949976

:hover псевдо-класс применяется для продолжительности, что указатель находится над элементом.

Если пользователь покидает элемент, они больше не парят. Итак, короткий ответ нет.

Вы можете использовать анимацию для замедления эффекта. Вместо того, чтобы фактически удерживать элемент видимым, даже после того, как курсор уйдет, вы можете поместить на него анимацию, которая просто добавляет задержку до ее закрытия.

Если вы применили анимацию как к состоянию наведения, так и нормальному состоянию, это может помочь. Но если ваш эффект зависания меняет что-то от display:none до display:block, вам не помогут, поскольку display не является анимированным. Вам нужно будет использовать что-то вроде visibility или height.

источник

2014-11-24 17:23:53 paceaux

CSS Продолжайте удерживать позицию на ходу до тех пор, пока не будет виден другой элемент на

ответ

Смежные вопросы