Neumorphism
Efecto neomórfico de relieve suave para tarjetas y botones. Ajusta y copia el CSS, gratis y sin registro.
Resultado
¿Cómo usar esta herramienta?
Efecto neomórfico (relieve suave) para tarjetas y botones.
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo creo el efecto neomorfismo?
Elige el color de fondo, la distancia, el desenfoque y el radio; pulsa Generar CSS para obtener el efecto neomórfico.
¿Qué es el neumorphism?
Es un estilo de relieve suave con sombras claras y oscuras que hace que los elementos parezcan salir del fondo.
¿Cuándo conviene usarlo?
Funciona mejor sobre fondos de color sólido parecidos al del elemento; evita usarlo en textos pequeños por legibilidad.
¿Funciona en el móvil?
Sí, funciona en el móvil, la tableta y la computadora sin instalar nada.
Herramientas relacionadas de Color y diseño
Divisores SVG
Crea divisores de sección con ondas SVG: color, ondas y altura a tu gusto.
Usar gratisBlobs SVG
Crea formas orgánicas (blobs) SVG para fondos modernos.
Usar gratisSVG como fondo CSS
Convierte tu SVG en un data-URI listo para usar como fondo CSS.
Usar gratisComprimir SVG
Reduce el tamaño de tu SVG quitando comentarios y espacios sobrantes, sin perder calidad.
Usar gratisProbar fuente
Mira cómo se ve tu texto con distintas fuentes del sistema antes de decidir.
Usar gratisInterlineado
Calcula el interlineado (line-height) ideal según tu tamaño de fuente.
Usar gratis