Toolipedia Intégrer
FR
← Tous les outils texte

Générateur de glassmorphism

Créez des cartes effet verre dépoli avec aperçu en direct et copiez le CSS.

  • Gratuit
  • Sans inscription
  • Fonctionne sur tous les appareils

À propos de Générateur de glassmorphism

Créez l'effet de verre dépoli très répandu dans les interfaces modernes. Des curseurs contrôlent le flou d'arrière-plan, la transparence, la bordure et l'ombre sur un aperçu en direct, et l'outil génère du CSS avec backdrop-filter. L'effet n'apparaît que si quelque chose de coloré se trouve derrière la carte : testez-le donc sur un dégradé ou une photo.

Comment utiliser Générateur de glassmorphism

  1. Déplacez les curseurs de flou, de transparence et de bordure pour façonner la carte en verre.
  2. Choisissez un arrière-plan et une couleur de carte pour juger l'effet verre dépoli dans l'aperçu.
  3. Copiez le CSS généré et collez-le dans votre feuille de style.

Pourquoi utiliser cet outil ?

Aussi appelé

Questions fréquentes

Pourquoi le flou de mon backdrop-filter ne s'affiche-t-il pas ?

L'élément a besoin d'un arrière-plan semi-transparent, et quelque chose doit se trouver derrière pour être flouté. Certains navigateurs plus anciens nécessitent le préfixe -webkit-backdrop-filter, que ce générateur inclut dans son CSS.

Quel arrière-plan fonctionne le mieux pour un effet verre ?

Le verre a besoin de quelque chose derrière lui à flouter, comme un dégradé coloré ou une photo. Sur une couleur unie plate, l'effet est presque invisible, testez donc votre carte sur le vrai arrière-plan.

Quelle transparence la carte en verre doit-elle avoir ?

Un remplissage blanc ou sombre à faible opacité, souvent autour de 10 à 30 pour cent, garde l'effet verre dépoli. Augmentez-le si le texte devient difficile à lire sur un arrière-plan chargé.

Générateur de glassmorphism est-il gratuit ?

Oui. Générateur de glassmorphism est gratuit sur Toolipedia, sans inscription et sans filigrane.

Est-ce sûr ?

Oui. Tous les calculs se font dans votre navigateur et rien de ce que vous saisissez n’est envoyé à notre serveur.

Est-ce que ça fonctionne sur mon téléphone ?

Oui. L’outil fonctionne dans tout navigateur récent sur Android et iPhone, ainsi que sur tablette et ordinateur. Il n’y a rien à installer.

Faut-il un compte ?

Non. Ouvrez simplement la page et utilisez l’outil. Aucune inscription ni adresse e-mail n’est nécessaire.

Puis-je mettre Générateur de glassmorphism sur mon propre site ?

Oui. Utilisez le bouton « Intégrer sur votre site » sous l'outil pour copier un court extrait de code et le coller dans votre page. C'est gratuit, sans compte, et l'outil continue de fonctionner dans votre page.

Outils similaires