Jquery Fade In, gdy mysz zbliża się do elementu

Question

Poszukuję efektu, który po przeniesieniu myszy bliżej do elementu, ten element przechodzi od 0 krycia (niewidoczny) do 100 krycia.

Nie szukam typowej kombinacji mouseover/mouseout.

Nieprzezroczystość powinna być zależna od odległości myszy od elementu. Nieprzezroczystość wzrośnie w granicach 100px wokół elementu, aż mysz dotrze do elementu. Wtedy byłby 100 nieprzezroczystości.

Czy jest jakaś wtyczka, która robi coś podobnego do tego?

Answer 1

Tak, Approach jest plugin który robi dokładnie to, co opisujesz,

Podejście to plugin jQuery że pozwala animować właściwości stylu oparciu o bliskość kursora do obiektu . Działa on w bardzo podobny sposób do do jQuery animate, jednak jest on animowany na odległość zamiast na czas .

Drugie demo w wersji main page brzmi w szczególności dla Ciebie.