Maison > Article > interface Web > Les polices CSS3 peuvent-elles être floues ?
Les polices CSS3 peuvent-elles être floues ?
- 藏色散人original
- 2021-01-28 09:47:542874parcourir
Les polices CSS3 peuvent être floues ; les développeurs peuvent utiliser l'attribut filter dans CSS3 pour obtenir l'effet de flou de police. La syntaxe du filtre est "filter: blur(px);", et son attribut filter définit la visibilité du filtre. élément.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur DELL G3.
Recommandé : Tutoriel vidéo CSS
Nous pouvons utiliser l'attribut de filtre CSS3 pour obtenir l'effet de flou de police ; syntaxe : filter: blur(px);
L'attribut filter définit l'effet visuel (tel que le flou et la saturation) de l'élément (généralement ).
La valeur de l'attribut flou(px) peut définir un flou gaussien sur l'image. La valeur "rayon" définit l'écart type de la fonction gaussienne, ou le nombre de pixels fusionnés sur l'écran, donc plus la valeur est grande, plus elle est floue s'il n'y a pas de valeur définie, la valeur par défaut est 0 pour ce paramètre ; peut définir la valeur de longueur CSS, mais les valeurs de pourcentage ne sont pas acceptées.
Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.blur {
-webkit-filter: blur(1px); /* Chrome, Opera */
-moz-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);
}
</style>
</head>
<body>
<p>正常字体</p>
<p class="blur">模糊的字体</p>
</body>
</html>Rendu :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!