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