Développement

Générateur d’ombres CSS — Documentation

Réglez le décalage, le flou, l’étalement et la couleur, puis copiez la règle box-shadow prévisualisée.

Utiliser Générateur d’ombres CSS

Fonctionnement

Réglez le décalage, le flou, l’étalement et la couleur, puis copiez la règle box-shadow prévisualisée.

Dans la mesure du possible, cet outil effectue l’opération demandée dans le navigateur.

Quand l’utiliser

Utilisez Générateur d’ombres CSS pour obtenir un résultat ciblé sur cette tâche.

Entrées et résultats

Entrée: Saisissez la valeur demandée. Pour les contrôles réseau, utilisez un domaine, une URL ou un hôte public que vous êtes autorisé à vérifier.
Résultat: Le résultat s’affiche dans l’espace de travail. Consultez les avertissements et les limites avant de vous y fier.

Limites

Le résultat dépend des données et, le cas échéant, du navigateur, du réseau et du service externe au moment du contrôle. Cet outil est informatif et ne remplace pas un diagnostic spécialisé.

Confidentialité et traitement des données

Dans la mesure du possible, cet outil traite les données dans le navigateur. La politique de confidentialité décrit les statistiques et cookies du site. Confidentialité.

Mode d’emploi

Saisissez la valeur demandée. Pour les contrôles réseau, utilisez un domaine, une URL ou un hôte public que vous êtes autorisé à vérifier.
Dans la mesure du possible, cet outil effectue l’opération demandée dans le navigateur.
Le résultat s’affiche dans l’espace de travail. Consultez les avertissements et les limites avant de vous y fier.

Outils associés

Générateur de dégradés CSSCréez des dégradés CSS linéaires ou radiaux, ajustez les couleurs et copiez le code avec aperçu.Générateur de bordures arrondies CSSAjustez séparément chaque angle et les rayons horizontal et vertical, puis copiez border-radius.Convertisseur de couleurs HEX, RGB et HSLConvertissez instantanément les couleurs unies entre HEX, RGB et HSL. Explorez des palettes complémentaires ou analogues et vérifiez le contraste WCAG.