Live Preview

Soft Slate 1

Modern card shadow

All controls update shadow in real time.

Hold and drag to move shadow, scroll to adjust opacity.

.shadow-target {
  box-shadow: 8px 8px 23px -4px rgba(30, 41, 59, 0.054), 16px 17px 46px -8px rgba(30, 41, 59, 0.028);
  border-radius: 13px;
}

<div class="rounded-[13px] shadow-[8px_8px_23px_-4px_rgba(30,_41,_59,_0.054),_16px_17px_46px_-8px_rgba(30,_41,_59,_0.028)]">...</div>