jquery .animate() не анимирует

Я пытаюсь сделать границу увязанной вокруг элемента.jquery .animate() не анимирует

После ответа на вопрос: jquery animate .css, я использовал функцию jquery .animate() и следовал за учебником on the jquery site.

Однако я не могу заставить его работать. Вот мой код на jsbin: http://jsbin.com/epojaw/2 Наведение на текст должно затухать на границе вокруг него, но вместо этого оно появляется внезапно.

Почему это?

источник

2012-06-21 dukevin

Вы используете эффект затухания, изменяя ширину границы от 0px до 1px. Я предполагаю, что размер шага равен 1px, так что да, это появляется сразу.

Вместо этого вы можете попытаться создать затухание при использовании цвета границы, например, от белого до красного. Затем jQuery может иметь больше шагов, и ваш эффект работает лучше.

источник

2012-06-21 10:40:24 Veger

бы я изменил BorderColor? и можно ли сделать borderColor: rgba (x, x, x, 0)? – dukevin

Проверьте http://stackoverflow.com/questions/813493/jquery-animate-border-color-on-hover для получения дополнительной информации об анимации цвета рамки. – Veger

@KevinDuke Я только что протестировал его, и это не так. Вы могли бы вручную создать свой собственный, хотя теоретически с помощью функции шага. –

это потому, что граница только одушевляет ширину границы 1 на 1.

если поставить пограничную-ширину 10px оживляет: http://jsbin.com/utiwoy/3

источник

2012-06-21 10:40:57

jquery .animate() не анимирует

ответ

Смежные вопросы