Générateur d'ombres CSS
Prévisualise une ombre CSS et copie le code.
Favorites are saved in this browser. Find them in My favorites.
Générateur d'ombres CSS
Instant results · processed in your browser
Update results automatically as you type or change settings. Turn off to run manually.Clear your input, files and result, and restore the default settings.
Your result appears here
Adjust the values to see your result automatically.
Comment utiliser Générateur d'ombres CSS
- Ajustez les valeurs ; un résultat initial est calculé à partir des valeurs par défaut.
- Modifiez les paramètres de base ou ouvrez le mode avancé pour affiner le résultat.
- Vérifiez puis copiez ou téléchargez votre résultat. Suspendez les résultats en direct pour lancer le calcul manuellement. Les sources ou paramètres individuels de plus de 20 000 caractères nécessitent un lancement explicite.
Ce que cet outil prend en charge
Prévisualise une ombre CSS et copie le code.
- Décalage horizontal (px)
- Set this value for your task.
- Décalage vertical (px)
- Set this value for your task.
- Flou (px)
- Range: 0 to 200
- Propagation (px)
- Set this value for your task.
- Couleur de l'ombre
- Set this value for your task.
- Opacité
- Range: 0 to 1
- Inset
- Set this value for your task.
Limites et traitement
Utilisez des nombres finis, des dates valides et les plages indiquées par chaque contrôle. Les valeurs invalides produisent une erreur sans résultat téléchargeable.
Exemple de source
Hello ToolCabana
Questions fréquentes
Que fait le générateur d'ombres CSS ?
Prévisualise une ombre CSS et copie le code.
Où ma saisie est-elle traitée ?
Cette opération traite sa source dans votre navigateur. La copie et le téléchargement sont des actions explicites ; la saisie source n'est enregistrée ni dans un compte ni dans l'historique.
Quelles sont les limites de saisie ?
Utilisez des nombres finis, des dates valides et les plages indiquées par chaque contrôle. Les valeurs invalides produisent une erreur sans résultat téléchargeable.