CSS JS Как сделать тень блока точками?

Question

[Gera11]

Как сделать тень у div блока в горошек(точками в 2 px) ?
Как это сейчас делают в современном дизайне
Примерно как тут, Только не так сильно

Comments

[Rustam Bainazarov]

https://dev.to/clairecodes/how-to-create-a-polka-d...

Answer 1

[Арсений Матыцин]

Это не «современный дизайн», это пустые украшалки.

И делаются они с помощью псевдоэлементов (так проще) с абсолютным позиционированием и через background свойства с репитом. В комментариях тебе Рустам Байназаров дал корректный референс.

Answer 2

[dsdgolik]

Это не тень)

Делаете в фотошопе такой паттерн, сохраняете в png.
Потом либо через отдельный слой, либо через псевдоэлемент в виде фона, повторяющегося.