Jquery Fade In cuando el mouse se acerca al elemento

Question

Estoy buscando un efecto tal que cuando mueva mi mouse más cerca a un elemento, ese elemento pase de 0 opacidad (invisible) a 100 opacidad.

No estoy buscando la combinación típica mouseover/mouseout.

La opacidad debe depender de la distancia que el mouse esté del elemento. La opacidad aumentaría dentro de un límite de 100 px alrededor del elemento hasta que el mouse llegue al elemento. Entonces sería 100 opacidad.

¿Hay algún complemento que haga algo similar a esto?

Answer 1

Sí, Approach es un plugin que hace exactamente lo que usted describe,

enfoque es un plugin de jQuery que le permite animar las propiedades de estilo basadas en la proximidad del cursor a un objeto . Funciona de una manera muy similar a a jQuery animate, sin embargo, se anima a distancia en lugar de vez.

La segunda demostración en el main page en particular suena relevante para usted.