Jquery Fade In, когда мышь становится ближе к элементу

Question

Я ищу эффект, при котором моя мышь ближе к элементу переходит от 0 непрозрачности (невидимой) к 100 непрозрачности.

Я не ищу типичную комбинацию мыши и мыши.

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

Есть ли какой-нибудь плагин, который делает что-то похожее на это?

Answer 1

Да, Approach - это плагин, который делает именно то, что вы описываете,

Approach - это плагин jQuery, который позволяет анимировать свойства стиля на основе близости курсора к объект. Работает очень похоже в порядке jQuery animate, однако это оживляет на расстоянии вместо время.

Вторая демонстрация на главной странице , в частности, имеет отношение к вам.