Writing shadows in CSS by hand is possible, but it’s a pain. There have been various tools for years to visually create nice-looking shadows. Another tool is from Philipp Brumm.

Smooth Shadow

For anyone who doesn’t know what I mean, a simple shadow in CSS can look like this:

box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028),

The text was automatically translated from German into English. The German quotations were also translated in sense.