#codepen дня
Не перестаю орать с того, что в 2023 году написать свою анимацию а-ля dock в macOS – это буквально три значащие строчки кода:
a:has(+a:hover){
--lerp:var(--lerp-1);
translate: 0 calc(var(--lerp) * -75%);
}
https://codepen.io/jh3y/pen/mdxggmO
Конечно, примеров подобных масса, сходу: https://codepen.io/chriscoyier/pen/qBoogaX
Что их объединяет? Имитация селектора "предыдущего" элемента, конечно же.
Если требуется чуть больше пояснений — ставьте лайки, чо
#css #has #future
