Estou tentando pôr um Blur Effect em algumas imagens de uma página. De primeira vi que o Blur não funciona (até onde vai meu conhecimento) em todos os navegadores modernos. Mas como "Missão dada é missão cumprida" tenho/temos que bolar um jeito de sair dessa. Pensei em pôr uma máscara (outra imagem) transparente por cima da imagem e nesta máscara eu aplicaria o efeito. Como não manjo de Photoshop e/ou assuntos de imagem, não sei se tem muita lógica fazer isso. Alguém tem uma solução?
Vi uma "solução" inviável para mim, mas só a caráter de informação:
Essa duplicação de imagem, uma com Blur e a outra não, complica. Porque o usuário final que irá adminstrar as imagens. A proposta é usar propriedades CSS para fazê-lo.
Gostaria de saber se há algum efeito que se assemelhe ao Blur e que funcione nos navegadores mais modernos (Firefox, Chrome, IE e Safari).