Générateur CSS Neumorphism (Soft UI)

Design & Graphisme

Créez d'élégants composants Neumorphism et Soft UI avec calcul automatique des doubles ombres portées.

Paramètres de neumorphisme

#e0e5ec
Taille de l'élément200px
Rayon40px
Distance15px
Flou (Douceur)30px
flat
CSS Code
border-radius: 40px;
background: #e0e5ec;
box-shadow: 15px 15px 30px #c7ccd3, -15px -15px 30px #f9feff;
Soutien de Projet Indépendant

Vous aimez ToolsApp ? Offrez-nous un café

ToolsApp s'exécute à 100% dans votre navigateur sans abonnements ni suivi de données. Nous pensons que les utilitaires essentiels doivent rester gratuits et accessibles à tous. Votre soutien nous aide à développer de nouveaux outils !

100% Côté ClientGratuit pour Tous

Comment Utiliser ?

1

Choisir la couleur de base

Choisissez la couleur de la surface d'arrière-plan.

2

Ajuster l'éclairage et le flou

Définissez l'angle de la lumière, la distance et le type de forme.

3

Copier CSS

Saisissez le code double box-shadow calculé.

Confidentialité TotaleTous les calculs et traitements de fichiers s'exécutent à 100 % localement dans votre navigateur via JavaScript côté client.

Avis d'utilisateurs & Commentaires

Partagez votre expérience anonymement. Modéré automatiquement par l'IA.

5.0
0 avis
5 / 5
0/500
Protégé par le moteur de modération automatisé Groq AI

Avis Approuvés (0)

Chargement des avis...