чтобы полоска появлялась слева, а при убирании мышки уходила вправо
А как? Подскажите. Я не знаю как обратную сторону перенаправить эту полоску
Я толком и не понял эффекта.
Привет, это делается через свойства transform: scaleX и transform-origin
ну не это немного нето полоска то при убирании не в ту сторону убирается откуда вылезал
прям как на видео получится?
покажешь?
Это нужно два события: наведение на элемент и ухода с него. На эти события нужно вешать две анимации. В css события ухода с элемента нет, но его можно заменить повесив стили прямо на элемент. Получится грубо говоря element:hover => show-line-from-left и element => hide-line-to-right. Из минусов при загрузке сайта анимация отработает и линии отобразятся и спрячутся в правую сторону
Здесь не так. Так сделать несложно. А мне надо чтобы на уходе мышки полоса уходила в другую сторону
Но как именно? Как полосу увести в другую сторону?
То есть получается чистым css не обойтись?
Если минусы смущают то да, не обойтись
А технически как навесить такую анимацию? Keyframes или transition?
создаешь псевдо элемент. ширина 100% и скейл по иксу 0. по умолчанию трансформ оригин справа, но при ховере ставишь его слева
Кстати да, интересное решение 👍
Обсуждают сегодня