Gaussian Blur onHover Using jQuery

Question

I am wondering if there is some way to apply a gaussian blur onto a div using jQuery (or CSS that jQuery can modify). I have looked into blur(), but at least with Safari, i

Answer 1

It has not been mentioned here that we can create an excellent realistic blur effect for text using CSS3 text-shadow. And, (yep, of course!) we can blur solid backgrounds and borders using box-shadow (inset shadows and multiple shadows are allowed, you know).

So I hope in most cases you can achieve a realistic blur effect combining:

1) image blur using canvas

2) text blur using text-shadow

3) solid background and borders blur using box-shadow

4) have I forgotten anything else?....

---

PS: I believe it's not possible to write a magic class that blurs any html.

The restrictions that can't be overcome: blur the border of the image, blur embedded media