Mettre en œuvre text-shadow
A. ombre du texte
text-shadow ombre du texte
- Paramètre 1: La première valeur est utilisée pour régler la longueur de l'ombre de l'objet horizontal valeur de décalage. Il peut être négatif
- Paramètre 2: La deuxième valeur est utilisée pour régler la longueur de l'ombre de l'objet des valeurs de décalage vertical. Il peut être négatif
- Paramètre 3: Si une valeur de la troisième longueur de l'objet de l'ombre est utilisée pour brouiller la valeur. Ne laissez pas négatif
- Paramètre 4: Régler la ombre de couleur de l'objet
text-shadow: 10px 10px 50px # 000;
effet
la structure HTML
Styles CSS
Style de police
couleur de la police
ombre du texte alors nous regardons le code de la propriété spécifique:
HTML:
<Div class = "text"> shadow texte <div>
CSS:
.text {
police: Gras 100px / 1,5 'Microsoft Yahei';
Couleur: DodgerBlue;
/ ombre texte /
texte Ombre: 10px 10px 50px # 000;
/ texte -shadow: 10px 10px 50px # 000, # F00 -10px -10px 50px; /
}
En second lieu, zone d'ombre
box-shadow box shadow
Propriétés:
X-Ombre essentielle. Position horizontale de l'ombre. Permettre négative
Y-ombre nécessaire. La position verticale de l'ombre. Autoriser négatif
flou en option. la distance floue
propagation est facultative. La taille de l'ombre. Laisser négative en
option couleur. Couleur de l'ombre.
encart en option. De l'ombre de la couche extérieure (au début) pour changer l'ombre d'ombre intérieure.
Par défaut: ombres affichage extérieur (début).