Всего три строки кода, и вы получаете плавный переход к
height: auto.& {
interpolate-size: allow-keywords;
}
p {
transition: 1s;
}
p:not(:hover) {
height: 5lh;
}Все волшебство выполняет
interpolate-size: allow-keywords. Подробнее об этом читайте в статье Анимация height: auto; (и другие ключевые слова внутреннего размера) в CSS.Пока поддерживается только в Chromium-based браузерах.
#css #feature #animation
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
Давайте анимируем CSS переменные! Это мощный способ применения CSS анимации, которая в противном случае была бы утомительной или непрактичной.
#frontend #css #animation
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1