.css() add_action add_filter background cf7 contact form 7 cqp css database db footer functions.php gradient header html javascript jquery js left px mic obs php position slick styles.css transition trovo twitch vbr visibility vkplay wp_ автоматизация антиспам верстка выключение компа запись игр кейсы командная строка настройки записи обновление плагины wp спящий режим таймер удобство
Геннадьич написал статью 23 декабря, 2021 года (29)
Делаем плавное появление блока при наведении
CSS-cвойство display не работает в связке с transition. Поэтому, для плавного появления блока при наведении можно использовать свойства visibility + opacity:
div {
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s linear;
}
div:hover {
visibility: visible;
opacity: 1;
}Предыдущий пост: Записка о linear-gradient background
Следующий пост: Меняем пискельное значение CSS-стиля с помощью jquery