Light Neuro Soft Box Shadow CSS

A gentle neumorphic lift for light surfaces.

box-shadow

Preview Surface

Output

Copy-ready CSS

Pure CSS

box-shadow: 12px 12px 24px -12px rgba(148, 163, 184, 0.42), -10px -10px 22px -14px rgba(255, 255, 255, 0.88);

Tailwind v4

shadow-[12px_12px_24px_-12px_rgb(148_163_184_/_0.42),_-10px_-10px_22px_-14px_rgb(255_255_255_/_0.88)]

Try it in the generator Open encoded state

When to use it

Light Neuro Soft is a neumorphism box-shadow preset built for soft bevel contrast. It uses 2 shadow layers to create a light effect that is easy to copy into product cards, dashboards, marketing blocks, and small interface surfaces. A gentle neumorphic lift for light surfaces. The shadow is intentionally described as plain CSS, so you can paste it into any framework or convert it into a Tailwind arbitrary value without changing the visual result. The effect stays on the outside edge, so it reads as lift rather than a pressed or recessed treatment. Use it when you want a repeatable starting point, then open it in the generator to adjust offset, blur, spread, color, opacity, or stacked layers for your own layout.

Hexpedia