Générateur Box-Shadow & Border-Radius CSS
Design & GraphismeConfigurez visuellement les décalages d'ombre, le flou, l'étalement, le mode inset et les 4 arrondis de bordure avec export CSS.
Simulation de boîte et d'ombre en direct
Arrière-plan du canevas :
Boîte d'aperçu
24pxPropriétés de l'ombre
Décalage X0px
Décalage Y10px
Rayon de flou25px
Rayon de diffusion-5px
Opacité%30
Rayon de bordure et couleur de boîte
Rayon de tous les coins24px
CSS prêt à l'emploi
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.30);
border-radius: 24px;
background-color: #FFFFFF;
☕Soutien de Projet Indépendant
Vous aimez ToolsApp ? Offrez-nous un café
ToolsApp s'exécute à 100% dans votre navigateur sans abonnements ni suivi de données. Nous pensons que les utilitaires essentiels doivent rester gratuits et accessibles à tous. Votre soutien nous aide à développer de nouveaux outils !
100% Côté Client•Gratuit pour Tous
Comment Utiliser ?
1
Ajuster les curseurs d’ombre
Ajustez les décalages X, Y, le rayon de flou, la propagation et l'opacité.
2
Définir le rayon de la bordure
Arrondissez tous les coins collectivement ou personnalisez les coins individuellement.
3
Copier CSS
Récupérez instantanément l’extrait CSS généré proprement.
Confidentialité TotaleTous les calculs et traitements de fichiers s'exécutent à 100 % localement dans votre navigateur via JavaScript côté client.
Avis d'utilisateurs & Commentaires
Partagez votre expérience anonymement. Modéré automatiquement par l'IA.
5.0
•0 avisAvis Approuvés (0)
Chargement des avis...