Mode d’emploi
Réglez les contrôles avec l’aperçu, puis copiez le code ou téléchargez l’image.
🪟
CSS et webdesign
Générateur d'ombre et de verre
Ajustez les effets CSS visuellement puis copiez le code.
Aperçu
box-shadow: 12px 18px 36px -8px rgba(40, 30, 25, 0.22);
border-radius: 28px;GUIDE DE L’OUTIL
Quand l’utiliser
Contenu vérifié · 2026-07-23
Ajustez les effets CSS visuellement puis copiez le code.
Avant d’utiliser le résultat
La compatibilité du navigateur et l’affichage peuvent faire varier le rendu final.
Traitement des données
Les valeurs servent uniquement sur cet écran et ne sont ni envoyées ni stockées séparément.
Outils associés
Quelques outils utiles pour poursuivre cette tâche.