Interactive box-shadow builder with multi-layering, real-time Canvas preview, and CSS output.
Les ombres de boîte ajoutent de la profondeur aux éléments de l'interface utilisateur en simulant l'éclairage et l'élévation. Des ombres bien conçues créent une hiérarchie visuelle et rendent les interfaces plus tactiles.
Ajustez le décalage horizontal, le décalage vertical, le flou, la répartition, la couleur et l'opacité. L’aperçu Canvas est mis à jour en temps réel. Copiez le code CSS lorsque vous êtes satisfait.
Quelle est la différence entre flou et propagation ? Le flou contrôle la douceur du bord de l'ombre. Spread contrôle l’ampleur de l’expansion de l’ombre.
Combien de calques d’ombre dois-je utiliser ? 1 à 2 couches suffisent généralement. Utilisez des ombres encastrées pour la profondeur intérieure.