Fonction blur

 

CSS - Fonction blur()

Description de la fonction blur().

La fonction blur() applique un effet de flou gaussien au visuel d'un élément.

La fonction blur() peut être utilisée avec :

• backdrop-filter : Applique un filtre graphique sur l'élément situé en arrière plan.
• filter : Filtre graphique.

Syntaxe de la fonction blur().

• filter: blur(5px); n

  n indique l'importance du flou : plus la valeur est élevée, plus le flou sera important. C'est une valeur numérique positive ou nulle, avec une unité de dimension (voir les unités de dimensions en CSS).

Simulateur.

filter : blur

(n)

Effet de blur() sur du texte et sur une image

Compatibilité et prise en charge suivant les navigateurs.

A part Internet Explorer et Edge, la plupart des navigateurs traitent correctement les fonctions associées aux filtres graphiques (blur(), greyscale()...).

Afficher le tableau de compatibilité (informations fournies par canIuse.com).

   Afficher la version à venir  

 Afficher les versions antérieures