propriété css box-shadow
Résultats de traduction:
vt. projeter une ombre sur; faire une piste brumeuse; préfigurer
vi.gradient; sombrearmoire fantôme; Participe : ombragé Passé : ombragé Participe passé : ombragépropriété css box-shadowsyntaxe
Ce qu'il fait : Ajoutez une ou plusieurs ombres à la boîte.
Syntaxe : box-shadow : h-shadow v-shadow flou propagation couleur encart ;
Instructions : h-shadow est requis. La position de l'ombre horizontale. Les valeurs négatives sont autorisées. v-shadow est requis. La position de l'ombre verticale. Les valeurs négatives sont autorisées. le flou est facultatif. Distance floue. la propagation est facultative. La taille de l'ombre. la couleur est facultative. La couleur de l'ombre. Voir les valeurs de couleur CSS. l’encart est facultatif. Remplacez l'ombre extérieure (début) par l'ombre intérieure.
Remarques : box-shadow ajoute une ou plusieurs ombres à la boîte. Cette propriété est une liste d'ombres séparées par des virgules, chacune spécifiée par 2 à 4 valeurs de longueur, une valeur de couleur facultative et le mot clé inset facultatif. La valeur de la longueur omise est 0.
propriété css box-shadowexemple
<!DOCTYPE html> <html> <head> <style> div { width:300px; height:100px; background-color:#ff9900; -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */ box-shadow: 10px 10px 5px #888888; } </style> </head> <body> <div></div> </body> </html>
Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Recommandations populaires
- Text-Shadow avec TailwindCSS
- Comprendre les tests en boîte blanche : un guide détaillé
- Les projets de boîtier TV de Sonos pourraient dérailler à cause de la débâcle des applications mobiles
- Comment créer une zone de liste déroulante avec Tailwind CSS et Javascript
- PM Modi offre un châle pashmina dans une boîte en papier mâché à la première dame des États-Unis, Jill Biden