blur()
La fonction CSS blur()
permet d'appliquer un flou gaussien sur l'image d'entrée. Le résultat de cette fonction est une valeur <filter-function>
.
Exemple interactif
Syntaxe
css
blur(rayon)
Paramètres
rayon
-
Le rayon d'application du flou, défini par une longueur CSS (
<length>
). Cela définit l'écart-type de la fonction gaussienne appliquée (c'est-à-dire le nombre de pixels qui se mélangeront). Ainsi, plus la valeur est grande, plus le flou sera prononcé. Si on utilise la longueur nulle0
, l'image ne sera pas modifiée. La valeur utilisée par défaut lors d'une interpolation est0
.
Exemples
Définir un flou en pixels ou en rem
css
blur(0); /* Aucun effet */
blur(8px); /* Un flou avec un rayon de 8px */
blur(1.17rem); /* Un flou avec un rayon de 1.17rem */
Spécifications
Specification |
---|
Filter Effects Module Level 1 # funcdef-filter-blur |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
<filter-function>
et les autres fonctions associées