Soft-UI shadows with a live preview. Tune distance, blur, intensity, shape, then copy the CSS.
Neumorphism (soft UI) is a style where elements look extruded from the background using two shadows: a light one on one side and a dark one on the opposite side. It needs the element and its background to share the same base color.
The effect depends on the element sitting on a background of the same base color. Set your container to the base color shown here, otherwise the light shadow disappears against pure white.
It moves the shadows inside the element so it looks pushed into the surface, useful for active or selected states.