Подскажите, при наведении есть подергивание, как починить? и непосредственно в

проекте, в отличие от кодпена у меня анимация вообще не срабатывает(
https://codepen.io/fleretta/pen/mdmZLGL

ну во первых, на ховер трансишн не вешай

но мне нужна анимация при наведении

А какой кейс именно?

трансишн на сам класс вешай, а не на ховер

Vlad

ну ничего не изменилось же)

я убрал трансишн с :hover - так делать не надо. зачем ты и там и там трансишн даёшь? ты его по факту перезаписываешь на ховере

ну окей я убрала, баг-то все равно не исчез))

это не баг) это неправильная реализация. тебе надо сделать при наведении меньшую ширину кнопки?

нужно чтобы при наведении плавно уменьшалась ширина кнопки, а если убрать курсор, то ширина плавно увеличивалась

я сразу дам тебе совет - не анимируй ширину никогда

Так при таком кейсе ты этот баг не уберёшь

почему?

Потому что кнопка у тебя почти на всю ширину, когда наводишь она уменьшается, а мышка остаётся, мышка попадает вне поле кнопки и твой ховер отменяет действие и так зацикленно, поэтому у тебя так и дёргается всё

Ну вариант сделает не при наведении, а при нажатии плавно, тогда ещё будет работать в данном кейсе

это реальное требование или ты просто для себя делаешь задачку?

ну у меня в макете так анимировано, я уточню тогда у дизайнера

Я думаю там по клику должно быть

это если честно какой то пиздец) анимация обычной кнопки в 1.2 секунды)) но если по делу - @inevadim тебе правильно ответил

не, 1,2s это я для наглядности поставила, у меня 0.2s)

хорошо, спасибо)

Екатерина (0) увеличил репутацию ineVadim (4)

при 0.2 такого бага не будет

Почему? Всё тоже самое

я сейчас пробую и все ок

У нас же не меняется условие а только скорость его выполнения

вот именно

codepen не совсем также выполняется, у него своя задержка

анимация быстро срабатывает, я вот сейчас пробую с 0.2 и все ок

Ты где указатель ставишь в самом левом углу? Поставь посередине кнопки изначально

везде ставлю и все ок.

у тебя не так при 0.2 ?

Что-то очень странное, такого не должно ведь быть, при 0.2 так же дёргается просто быстрее

хм. у меня дёрганья нет. но если прям заебаться - то можно заджсить такую анимацию и все. хотя я хз, я такой кейс встречаю впервые, чтобы кнопка на весь экран и на ховере становилась меньше

Смотри ты ставишь указатель на кнопке, чтобы указатель был примерно по середине экрана и при этом не убираешь указатель и вообще его не двигаешь и у тебя нету зацикливания с дёрганьем кнопки?

не, нету. Я могу видос записать, если не веришь

Не верить причин нету, просто это с точки логики не должно так отрабатывать как ты говоришь)

я понял о чем ты) видимо, анимация просто успевает срабатывать полностью до того, как браузер понимает, что элемент вышел из фокуса/наведения. Но я не могу утверждать