Générateur d'effet Glassmorphism CSS

effet glassmorphism CSS Générateur

About this tool

« Générateur d'effet Glassmorphism CSS » aide les designers et les développeurs frontend à créer des composants d'interface en verre dépoli modernes grâce à backdrop-filter CSS, à la translucidité des bordures et aux ombres de profondeur.

How to use

  1. Ajustez le rayon de flou, l'opacité, la largeur de bordure et l'opacité de la bordure.
  2. Testez la carte en verre dépoli sur des dégradés mesh colorés et des fonds sombres.
  3. Personnalisez la teinte de base de la carte et le rayon des angles.
  4. Cliquez sur Copier CSS pour copier les règles backdrop-filter multi-navigateurs.

FAQ

Le navigateur prend en charge backdrop-filter ?

L'ensemble des navigateurs modernes, avec des préfixes.

Le rendu se fait-il localement ?

Oui, tout se passe dans votre navigateur.

Tags

Related tools