CSS (Cascading Style Sheets) — каскадные таблицы стилей.
CSS — это язык представления внешнего вида документа, написанного с использованием языка разметки.

Hover intent without JavaScript, just CSS3

Александр » 06 авг 2019, 15:52

Dropdown menu delay for touchscreens.

.submenu {
transition: all 0s ease;
}
li:hover .submenu {
transition-delay: .2s;
}

Выпадающее меню с задержкой для тачскринов. Думаю, всё понятно.

Hint
How to detect a touch device with media queries!

/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {
/* ... */
}

/* mouse, touch pad */
@media (hover: hover) and (pointer: fine) {
/* ... */
}
Александр
 
Сообщения: 397
Зарегистрирован: 20 мар 2014, 17:05

Вернуться в CSS