Frontend Formula

💡Делаем появление скрытого контента при наведении



— Используйте overflow: hidden, чтобы убрать скрытый контент.



— Используйте max-height, чтобы установить начальную высоту на 0.



— Используйте псевдокласс :hover, чтобы изменить max-height на значение переменной --max-height, установленной JavaScript.



— Используйте Element.scrollHeight и CSSStyleDeclaration.setProperty(), чтобы установить значение --max-height в текущую высоту элемента.



👉 Ссылка на готовый код



#js #css #сниппет



👉 @frontend_formula