¿Es posible agregar un efecto de desenfoque a una imagen usando CSS y Javascript?
Sí, esto funciona de maravilla :
Pixastic es una biblioteca experimental que le permite realizar una variedad de operaciones en imágenes usando solo un poco de JavaScript. Los efectos admitidos listos para usar incluyen desaturación/escala de grises, inversión, inversión, ajuste de brillo/contraste, tono/saturación, relieve, desenfoque y muchos más...
Pixastic funciona utilizando el elemento HTML5 Canvas que brinda acceso a datos de píxeles sin procesar, lo que abre la puerta a efectos de imagen más avanzados. Aquí es donde entra en juego la parte "experimental". Canvas solo es compatible con algunos navegadores y, lamentablemente, Internet Explorer no es uno de ellos. Sin embargo, es compatible tanto con Firefox como con Opera, y la compatibilidad con Safari acaba de llegar con la reciente versión de Safari 4 (beta). Chrome actualmente funciona en el canal de desarrollo. Algunos de los efectos se han simulado en IE utilizando los antiguos filtros patentados. Si bien estos filtros son mucho más rápidos que sus amigos de Canvas, son pocos y limitados. Con suerte, algún día también tendremos Canvas real en IE...
Alternativamente, puede usar StackBlur o Superfast Blur
Esto también es bueno para considerar:
http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/
http://tympanus.net/codrops/2011/11/18/fullscreen-image-blur-effect-with-html5/