Générateur CSS Glassmorphism (Effet verre dépoli)
Design & GraphismeGénérez des cartes d'interface modernes en verre dépoli avec backdrop-filter CSS et classes Tailwind prêtes à l'emploi.
Paramètres de l'effet de verre
Flou (Blur)16px
Opacité%25
Épaisseur de bordure1px
Opacité de bordure%20
Rayon des coins20px
#ffffff
ToolsApp Glass
Modern Frosted Glass
Découvrez une interface glassmorphism épurée avec flou d'arrière-plan en temps réel et réfraction de la lumière.
blur(16px)opacity(25%)
CSS Code
background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.20); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
☕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 le flou et l'opacité
Affinez le flou et la transparence de la toile de fond.
2
Arrière-plans de test
Aperçu sur des dégradés colorés et vibrants.
3
Copier CSS / Tailwind
Exportez l'extrait CSS dans votre fichier de style.
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...