Générateur CSS box-shadow
Collez une valeur box-shadow, empilez les couches visuellement, puis copiez CSS, Tailwind ou Bootstrap. Multi-couches et inset pris en charge. URL partageable. Généré dans votre navigateur — jamais envoyé.
Notes développeur
• Le parseur accepte rgba/hex/hsl/couleurs nommées ; calc(), var(), oklch() et color-mix() sont rejetés en v1. • Le mode une couche exporte uniquement la couche 1 et conserve les autres en mémoire — un indice s’affiche dans l’éditeur. • L’export rem utilise une racine 16px ; l’aperçu reste en px. • Forme et fond d’aperçu sont dans l’URL, pas des options exposées. • Le plus proche Tailwind suit l’échelle v4 --shadow-*, même nombre de couches, ±1px.
Options
- Mode de couches — Une couche simplifie l’UI. Multi-couches permet d’ajouter, supprimer, réordonner jusqu’à huit ombres.
- Format d’export — Déclaration CSS, --shadow-card, classe/token Tailwind, ou utilitaire Bootstrap avec repli inline.
- Unité — Suffixe des longueurs exportées : px ou rem (racine 16px).
- Mapping Tailwind — Lors de l’export Tailwind : shadow-* proche + shadow-[…], arbitraire seul, ou jeton @theme.
Outils CSS associés
Hub : Outils Couleur & CSS. Coins arrondis avec Générateur border-radius, couleurs avec Convertisseur de couleurs, ou formatage avec Minify CSS.
FAQ Générateur box-shadow
Éditeur d’ombres en collage local
Puis-je coller un box-shadow multi-couches depuis DevTools ?
Oui. Couches séparées par des virgules, inset, rgba() ou hex. Au-delà de huit couches, troncature avec avis.
Que fait le mode une couche ?
Il masque ajout/suppression/réordonnancement et exporte uniquement la première couche. Les autres couches collées restent en mémoire — repassez en multi-couches pour les éditer.
Comment fonctionne l’export Tailwind ?
Utilitaire proche + arbitraire, arbitraire seul, ou bloc @theme --shadow-card.
Mon CSS est-il envoyé sur un serveur ?
Non. Tout s’exécute dans votre navigateur.
Outils couleur & CSS
Vérification de contraste WCAG en collage local avec syntaxe couleur CSS moderne — vues paire et matrice, jamais envoyé.
Découvrez les autres catégories d'outils
Minifier
Réduisez code et assets pour la production — minifiez JS, CSS, HTML, JSON, XML et SVG avant gzip ou déploiement CDN.
Déminifier
Développez du code minifié ou compressé — déminifiez JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML et d'autres formats pour déboguer ou relire.
Conversion
Transformez des données entre JSON, YAML, XML et CSV localement — sans envoi serveur.
Encodage
Encodez ou décodez Base64, composants URL et entités HTML — uniquement côté client.
Sérialisation
Sérialisez et désérialisez des structures PHP à côté de vos flux JSON.
Outils JSON
Validez, formatez, comparez et explorez des payloads JSON — complémentaires aux minificateurs et convertisseurs.
Outils SVG
Prévisualisez, optimisez avec SVGO, exportez en Data URI, redimensionnez, formatez, convertissez en JSX et validez vos SVG — tout dans le navigateur.
Beautifier
Rendez le code lisible avec une indentation cohérente — beautifiez JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML et plus encore dans votre navigateur.
Préprocesseurs CSS
Compilez SCSS ou LESS en CSS standard dans le navigateur — complétez avec beautify ou minify pour un workflow feuille de style complet.
DevOps & Infra
Format/validate/minify HCL, format & lint Dockerfile, validation Compose et .env.
CI/CD
GitHub Actions et GitLab CI — formater le YAML et vérifier la structure des workflows/jobs dans le navigateur.
Logs & observabilité
JSON/NDJSON ligne à ligne et access logs Nginx/Apache — format, filtre, validation et CSV/TSV.
Kubernetes
Manifestes multi-docs, validation structurelle, starters Ingress/Deployment et formatage values Helm.
Réseau / IP
CIDR, sous-réseaux et helpers IPv4/IPv6 — dans le navigateur.
Sécurité & tokens
JWKS, certificats X.509 et scan de secrets — locaux navigateur.
API & schémas
Outils OpenAPI pour formater, valider et analyser vos specs.
Outils HTTP
cURL, messages HTTP, URLs, HAR et Cookie / Set-Cookie collés dans le navigateur — formater et inspecter, jamais envoyé.
Outils SEO / Web
Générez meta tags, Open Graph et Twitter Card localement — aperçus simulés depuis vos saisies, jamais fetch de votre site live.
Utilitaires développeur
Timestamps, UUID, ULID, Nanoid, cron, mots de passe, regex, slugify, bases, casse, diff texte et chmod — tout côté client.
Texte & Markdown
Comptez, générez un sommaire Markdown et nettoyez des listes de lignes — dans le navigateur.
IA & LLM
Comptage de tokens, estimation des coûts et fenêtre de contexte — 100 % local.
Données de test
Valeurs de champs synthétiques pour fixtures et seed DB — d'abord des numéros de téléphone en plages réservées.
Étiquettes code-barres
Dessinez des étiquettes Code 128, EAN-13 et UPC-A dans le navigateur — téléchargement PNG et SVG, pas un lookup GS1.