Générateur de néomorphisme CSS — gratuit en ligne
Vous voulez ce rendu tout doux, comme rembourré, où un bouton semble sortir de la page ou s'y enfoncer en douceur. Mais régler les deux ombres à la main, c'est beaucoup de tâtonnements et d'allers-retours à copier-coller. Nous avons ajouté un outil gratuit qui le fait pour vous — Neumorphism Generator — directement dans votre navigateur.
Ce qu'il fait
Il crée des éléments d'interface tout en douceur avec deux ombres : une claire et une foncée, pour que la forme paraisse en relief ou enfoncée. Vous choisissez la couleur de base, le flou et la profondeur, et l'aperçu se met à jour au fur et à mesure. Quand ça vous plaît, vous copiez le CSS directement dans votre projet.
Rien ne quitte votre appareil
Tout fonctionne dans votre navigateur. Vos couleurs et vos réglages restent sur votre écran : rien n'est envoyé, rien n'est enregistré sur un serveur. Vous fermez l'onglet et tout disparaît.
Comment l'utiliser
- Ouvrez Neumorphism Generator et choisissez votre couleur de base.
- Bougez le flou et la profondeur jusqu'à ce que la forme soit en relief ou enfoncée comme vous le souhaitez.
- Copiez le CSS et collez-le dans votre projet.
C'est gratuit et sans limite. D'autres petits outils vous attendent sur la page Apps.