Как сделать реалистичные и плавные цели как на примере с помощью CSS?

Question

[Gera11]

Тень как у блоков тут. Можно ли так же сделать на css ?

Comments

[Михаил]

Скопировать с макета

Answer 1

[Danny Arty]

Обычный box-shadow

Comments

[Gera11]

ну почти похоже) но вся сложность в том что там тень только у центра обьекта и к краям плавно рассеивается.
Как будто за блоком некий теневой круг

[Danny Arty]

Gera11, если не ошибаюсь, то судя по картинке, тень только снизу и она рассеивается ближе к углам, так? Если закругленная, то это делается через псевдоэлементы.

UPD: у блока-1 через псевдоэлемент с рассеиванием к углам

Answer 2

[felony13twelve]

Эмм.... Ну как бы вообще-то да
box-shadow