Toolipedia Intégrer
FR
← Tous les outils texte

Générateur de neumorphism

Créez des boutons et cartes doux à l’aspect 3D (soft UI) et copiez le CSS.

  • Gratuit
  • Sans inscription
  • Fonctionne sur tous les appareils

À propos de Générateur de neumorphism

Le néomorphisme, ou soft UI, donne aux boutons et aux cartes l'apparence d'être doucement en relief ou en creux par rapport à la page grâce à deux ombres, une claire et une sombre. Réglez la taille, la distance, le flou et la forme, puis copiez le CSS. Il fonctionne mieux sur des arrière-plans de ton moyen où les ombres assorties restent visibles.

Comment utiliser Générateur de neumorphism

  1. Choisissez une couleur de base pour l'arrière-plan et l'élément.
  2. Ajustez la distance, le flou et l'intensité jusqu'à ce que l'aspect doux en relief ou en creux apparaisse.
  3. Copiez le code CSS box-shadow dans votre projet.

Pourquoi utiliser cet outil ?

Aussi appelé

Questions fréquentes

Le néomorphisme est-il bon pour l'accessibilité ?

Souvent non. Le faible contraste entre l'élément et l'arrière-plan rend les bords difficiles à voir. Ajoutez du texte clair, des bordures ou de la couleur sur les boutons importants pour que les personnes à faible vision puissent quand même les trouver.

Pourquoi mon bouton neumorphique disparaît-il sur une page blanche ?

L'effet repose sur deux ombres sur une surface de clarté moyenne. Sur du blanc pur, l'ombre claire ne peut pas apparaître. Utilisez un arrière-plan légèrement teinté pour que les deux ombres soient visibles.

Comment créer un bouton enfoncé ou en creux ?

Passez la forme en creux ou enfoncé si l'outil le propose, ce qui retourne les ombres à l'intérieur de l'élément. Utilisez ce style pour l'état actif d'un bouton.

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

Oui. Générateur de neumorphism 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 neumorphism 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