Avec l'arrivée de CSS 3 les possibilités sont de plus en plus grandes, et en voila une qui va certainement en ravir plus d'un, en effet CSS 3 introduit la propriété filter qui permet d'appliquer des filtres sur une image.
Voila une petite image de Venise sans le filtre:
Et voila la même image avec un filtre:
Pour arriver à ce résultat il faut utiliser la propriété filter avec la valeur blur, attention car le flou est défini en pixels.
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
Si ce code ne marche pas chez vous, c'est soit que votre navigateur est pas à jour, soit il ne supporte pas la propriété filter.
Aucun commentaire:
Enregistrer un commentaire