JQuery Shimmer Button Effect

Is there a way to create a flicker effect for an HTML element using jQuery simulating a moving light source? I see this on Flash components, but have not yet seen one with jQuery. Want me not to make flickering GIFs if I can.

EDIT1 . I guess I will need to capture the hover event, and then use the animation to fold the white fuzzy diagonal image over the borders of the IMG or DIV tag, moving it from left to right once.

+3
source share
4 answers

Just made an example: http://www.jsfiddle.net/gaby/pZm2m/

Does this look like what you are looking for?

, , .

Background-Position-Animation, http://plugins.jquery.com/project/backgroundPosition-Effect

+2

I recently ran into this (not my code) and looked quite functional:

http://tedtoy.imtqy.com/ShimmerJS/

+2
source

Another possibility:

http://www.nealgrosskopf.com/tech/thread.php?pid=79

Uses CSS3 and works in the latest (2011+) Mozilla, Opera, Chrome, Safari and possibly in IE.

0
source

Source: https://habr.com/ru/post/1780163/


All Articles