Как сделать такую же темную часть, как на изображении?

Question

[Alex_87]

Здравствуйте! Подскажите, как сделать подобную тёмную часть? Обратите внимание что в конце(в правой части), она не обрывается по краям. Нет чёткой границы. Она имеет размытые края. Мне знаю, что прозрачности можно добиться opacity, но здесь, как мне кажется нужен градиент

Answer 1

[Pashok Doom]

https://cssgradient.io

Comments

[Alex_87]

а можно с фотошопа вытащить этот градиент?

[Pashok Doom]

Alex_87, попробуй правой кнопкой на слой ткнуть и "скопировать css" слоя. Мб выйдет

Answer 2

[maxim]

background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(89,106,110,1) 0%, rgba(9,9,121,0) 25%);

Comments

[Alex_87]

вот что получилось с вашими стилями

[maxim]

Alex_87, я же на в слепую сделал
подровняйте ручками то)

[maxim]

Alex_87, ну ок попробуй так:

background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(89,106,110,1) 0%, rgba(0,0,0,0) 87%);

[maxim]

Alex_87, так я помог?