Générateur CSS glassmorphism — gratuit en ligne
Vous avez vu ce joli effet de verre dépoli sur un site — une carte un peu floue et translucide, posée sur un fond coloré — et vous l'avez voulu pour votre propre page. Mais régler le CSS à la main, c'est deviner des chiffres et recharger encore et encore. Nous avons ajouté un outil gratuit qui le fait pour vous — Glassmorphism CSS Generator — directement dans votre navigateur.
Ce qu'il fait
Vous bougez quelques curseurs pour régler le flou, la transparence, la couleur de teinte, la bordure, l'arrondi des coins et la saturation. La carte en verre dépoli se met à jour en direct sur un fond coloré, vous voyez donc tout de suite le rendu. Quand cela vous plaît, vous récupérez le CSS.
Rien ne quitte votre appareil
Tout fonctionne dans votre navigateur. Rien n'est envoyé, rien n'est enregistré sur un serveur. Vous jouez simplement avec les curseurs sur votre propre écran, et le résultat reste chez vous.
Comment l'utiliser
- Ouvrez Glassmorphism CSS Generator et déplacez les curseurs de flou, transparence, teinte, bordure, arrondi et saturation.
- Regardez la carte sur le fond coloré jusqu'à ce qu'elle vous convienne.
- Copiez le CSS et collez-le dans votre propre projet.
C'est gratuit et sans limite. Il y a d'autres petits outils sur la page Apps.