Как сделать данную тень?

Question

[Antonio09]

update. если я именно так его пропишу
то работать не будет
https://jsfiddle.net/za6nLxsw/1/

в макете это почему то показано как градиент

background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.04;

Comments

[Antonio09]

Dmitry Yaha, но если я именно так его пропишу
то работать не будет
https://jsfiddle.net/za6nLxsw/

[Antonio09]

Dmitry Yaha, та вроде как не в этом дело

[Ankhena]

Если от первого блока, то это тень.
Если от второго, то фоновый градиент.
Прозрачность при этом нужно указать в цвета (в rgba), а не блоку. Если указать блоку, то прозрачным будет он сам вместе с содержимым.

[Antonio09]

Ankhena, пробую

но как то не то получается
https://jsfiddle.net/m1tkLv36/

или я бред написал?

[Ankhena]

Antonio09, не нужно задавать прозрачность через opacity, пишу же.
Нужно учесть ее в цвете градиента. Не из черного, а из черного на 40%.
И размер градиента, нужно уменьшать, судя по скрину.

[Antonio09]

Ankhena, так, правильно понимаю?
а как можно уменьшить? https://jsfiddle.net/82o5zn7x/

[Ankhena]

Antonio09,

так, правильно понимаю?

Я не могу :)))) А что, похоже на макет?
Нет, конечно.
Вам нужен градиент из условно "серого" в прозрачный.
Вы пишете из серого в черный. Ну как так-то?
Вот так, если по логике того, что вы показываете в коде:

background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));

По виду, скорее 0.2, чем 0.4

Еще проще не парится с прозрачностями и наложением цветов, а просто тыкнуть пипеткой в макет.

Размер фона это background-size. Смотрите по макету. Если нужен, то фоновый цвет еще.

[Antonio09]

Ankhena, простите
чуть лучше уже?
https://jsfiddle.net/u2raqz7x/1/

[Ankhena]

Antonio09,
Эти варианты дадут результат как на скрине

background: #ececec linear-gradient(90deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)) no-repeat left center / 20px 100%;

background: #ececec linear-gradient(90deg, #e1e1e1, #ececec) no-repeat left center / 20px 100%;

[Antonio09]

Ankhena, спасибо
вроде не так уж и сложно

извините, если что не так