Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Motion Blur Possible With jQuery?! Re: Motion Blur Possible With jQuery?!

#124144
Noel Forte
Participant

Hi-
My initial impression when reading this is that it is pretty much impossible to do this sort of thing with jQuery alone, as you are just positioning elements on the page, and animating their position by injecting CSS rules via javascript using jQuery.

However, with a [quick google search](https://www.google.com/webhp?sourceid=chrome-instant&ion=1&ie=UTF-8#hl=en&tbo=d&sclient=psy-ab&q=motion%20blur%20in%20jquery&oq=&gs_l=&pbx=1&fp=cecfd734039d8d45&ion=1&bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&bvm=bv.42261806,d.dmg&biw=1758&bih=835 “google search”) I was able to locate [this post](http://stackoverflow.com/questions/9638763/how-to-apply-a-motion-blur-in-javascript-jquery “the post on stack overflow”) on StackOverflow.

It would appear from what people are saying, that there are other ways of accomplishing this task without the use of jQuery alone, because as I said before, jQuery isn’t really capable of doing something like that. The first method I’ve seen is to switch out the elements with blurred copies when animating, but that can be a little tedious. The second thing people are auggesting is blurring using the HTML5 canvas, as per [this article](http://www.flother.com/blog/2010/image-blur-html5-canvas/ “an article on html5 canvas blurring”).

As for accomplishing this sort of thing with links, it might be more challenging, but you might be able to accomplish the effect with replicating CSS3 `text-shadows` on the linked items varying levels of transparency to simulate motion blur samples.

Also, be advised that all of what’s discussed above is very new tech and is likely to not work across all browsers, espacilly those that aren’t current releases.

Hope this is a good start to approaching this problem.

-N.