Comment définir l'ombre du texte en CSS3 ? Comment définir l'ombre du texte en utilisant text-shadow en CSS3

Il existe de nombreux attributs en CSS3 qui sont très pratiques et concis à utiliser. Par conséquent, l'article d'aujourd'hui vous présentera l'attribut text-shadow en CSS3. Cet attribut peut ajouter une ombre à la police. L'attribut -shadow définit les valeurs d'attribut associées. Jetons un coup d'œil au contenu spécifique de l'utilisation de text-shadow en CSS3 pour définir l'ombre du texte.

Tout d’abord, examinons de plus près la propriété text-shadow.

Attribut text-shadow : En CSS3, vous pouvez utiliser l'attribut text-shadow pour ajouter un effet d'ombre au texte de la page. Vous pouvez obtenir certains effets souhaités en définissant des valeurs d'attribut pertinentes. ​​à l'attribut text-shadow. L'effet d'ombre de police réduit l'utilisation d'images.

Comment utiliser l'attribut text-shadow : text-shadow : X axis Y axis Rpx color ;

Description de l'attribut (ordre correspondant) : Shadow Value) L'axe Y de l'ombre (des valeurs négatives peuvent être utilisées) La valeur du flou de l'ombre (taille du rayon) La couleur de l'ombre.

Jetons ensuite un coup d'œil à un petit exemple de définition de l'ombre du texte par CSS3 :

<h1>PHP中文网文字阴影</h1>

h1{
    text-shadow: 2px 3px 1px pink;
     color:blue;
}

L'effet de la définition de l'ombre du texte par CSS3 est comme suit :

Explication :

1) Distance de déplacement : Parmi les paramètres utilisés par text-shadow, les deux premiers paramètres sont l'horizontal direction de l'ombre sortant du texte. et la distance de déplacement dans le sens longitudinal. Ces deux paramètres doivent être précisés lors de leur utilisation

2) Rayon de flou de l'ombre : Le troisième paramètre de l'attribut text-shadow est le ; le rayon de flou de l'ombre, qui représente le moment où l'ombre devient floue vers l'extérieur.

3) Couleur de l'ombre : Le quatrième paramètre de l'attribut text-shadow est la couleur utilisée lors du dessin de l'ombre. être placé avant les trois paramètres ou entre les paramètres après. Lorsqu'aucune valeur de couleur n'est spécifiée, la valeur de couleur du texte est utilisée.

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!