Как сделать тень необычной формы в css?

Question

[fsgdoterr]

Мне нужно сделать вот такую тень которая под кнопкой

и вот такую тень которая под белым блоком

Comments

[Simkav]

1 тень скорее всего это псевдоэлемент, а 2 похоже на картинку

[Сергей delphinpro]

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

Answer 1

[Николай Угольников]

button {
 position: relative;
}

button::after { 
 content: "";
 background: url() no-repeat;
 width: 100%;
 height: 100%;
 position: absolute;
 bottom: ...;
 left: ...;
}

Answer 2

[Alex]

Сделать тень картинкой.

Answer 3

[SagePtr]

На вашем скриншоте тень очень похожа на приплюснутый радиальный градиент, можно через него замутить, без лишних изображений