I’ve noticed is that macOS shadows exhibit a pattern repetition, which enhances their visual consistency across different interface elements. macOS popover shadow

My current use of the CSS box-shadow property isn’t achieving the desired effect. The shadows created with box-shadow appear to stand out from the background and lack the seamless integration and uniform appearance characteristic of macOS shadows.

.box {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.45);
}