Générateur d'ombre CSS (box-shadow)
Créez visuellement des ombres CSS avec couches, inset, flou, étendue et couleur. Aperçu en direct, préréglages comme le néomorphisme et CSS prêt à copier.
- Aucun envoi
- Aucune limite
- Sans inscription
Préréglages
- Entrée:
- Un clic
- Sortie:
- Texte
- S’exécute sur:
- Votre appareil
- Taille maximale:
- Aucune
- Compte:
- Inutile
Comment utiliser Générateur d'ombre CSS (box-shadow)
Façonnez l'ombre
Déplacez les curseurs de décalage, flou, étendue et opacité puis choisissez une couleur. Cochez Intérieure pour une ombre interne.
Empilez des couches ou utilisez un préréglage
Ajoutez des couches pour une profondeur réaliste, ou partez d'un préréglage : douce, dure, néomorphisme ou multicouche.
Copiez le CSS
Copiez la déclaration box-shadow (ou text-shadow) prête pour votre feuille de style.
Pourquoi utiliser Générateur d'ombre CSS (box-shadow) sur Toolshed
Aucun envoi
Tout s’exécute dans cet onglet du navigateur. Vos fichiers ne quittent jamais votre appareil.
Aucune limite
Pas de taille maximale, pas de quota quotidien. Traitez autant que votre appareil le permet.
Sans inscription
Pas de compte, pas d’e-mail, pas de filigrane.
Questions fréquentes
Pourquoi plusieurs couches d'ombre ?
Plusieurs ombres discrètes paraissent plus naturelles qu'une seule ombre lourde. Des couches à faible flou à distances croissantes imitent la vraie lumière et donnent une profondeur plus douce.
À quoi sert inset ?
Une ombre inset est dessinée à l'intérieur de la boîte plutôt qu'à l'extérieur, utile pour les boutons enfoncés, les champs et les lueurs internes.
Puis-je aussi faire une ombre de texte ?
Oui. Passez à Ombre de texte pour prévisualiser et copier une déclaration text-shadow. L'étendue et l'inset n'existent pas pour le texte : ces réglages sont masqués.
Mes fichiers sont-ils envoyés quelque part ?
Non. Générateur d'ombre CSS (box-shadow) s’exécute entièrement dans votre navigateur. Vos fichiers sont traités sur votre appareil et ne sont jamais envoyés à un serveur.
Y a-t-il une limite de taille de fichier ?
Pas de limite fixe. La seule limite est la mémoire de votre appareil. Les fichiers très volumineux fonctionnent mieux dans un navigateur de bureau.
Générateur d'ombre CSS (box-shadow) est-il vraiment gratuit ?
Oui. Pas de compte et pas de filigrane. Une courte publicité facultative, ou 20 secondes d’attente, débloque chaque téléchargement. C’est ainsi que nous le gardons gratuit.