Blur effect CSS3 Firefox(linux)
I'm trying to get a blur effect on my photogallery if the user is not registered. I got it, but only for chrome. In my Firefox 14.0.1 (linux) I'm not able to get it working My html template (I develop under django) <h2> Gallerie</h2> <ul class="galeria" id="imagenes"> {% for image in gallery %} {% if user.is_authenticated %} <a rel="prettyPhoto[gallery]" href="{{image.url}}"> <img width="120px" height="120px" alt="{{image.comment}}" src="{{image.url}}"/> </a> {% else %} <img class="blur" alt="{{image.comment}}" src="{{image.url}}"/> {% endif %} {% endfor %} </ul> My site.css img.blur{ -webkit