Как добиться такого градиента?

Question

[towncitybr]

https://jsfiddle.net/smargx7y/1/

Answer 1

[Ankhena]

У вас в фигме написано градиент из чистого белого в прозрачный.
А потом этому всему еще добавлен opacity 0.2

Прозрачному уже некуда становится прозрачнее, он так и останется.
А вместо чистого белого нужно взять 0.2
rgba(255, 255, 255, 0.2)

Comments

[towncitybr]

Ankhena, пробую. все-равно не так
https://jsfiddle.net/0et97a1u/2/

через псевдо делать?

[Ankhena]

towncitybr, эммммм....

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

[towncitybr]

Ankhena, делаю
но не по макету получается

https://jsfiddle.net/jx3qLnoy/1/

[Ankhena]

towncitybr, давайте медленно

Один цвет - сразу был прозрачным
Другой - белый с 1.

Слою задали прозрачность 0.2
Умножаем на 0.2, получаем:
Прозрачный - остался прозрачным 0
Полностью белый стал - белый с 0.2

Вы же вместо 0.2 и 0 пишете 0.2 и 0.8.
Было бы удивительно. если бы получилось по макету.

Answer 2

[Ринат Ильясов]

background: linear-gradient(129.59deg, #FFFFFF -20.74%, rgba(255, 255, 255, 0.8) 100%);

Comments

[towncitybr]

nafany_4, проблема с img
https://jsfiddle.net/0et97a1u/

[WapSter]

towncitybr, так зачем ты блоку задаешь прозрачность

[towncitybr]

WapSter, уберу - так вроде не будет, как на скриншоте

[WapSter]

towncitybr, у тебя фон у картинки не прозрачный, конечно будет перекрывать градиент

[towncitybr]

WapSter, заменил картинку. Проблема ведь не в ней

проблема с фоном. он не такой. В этом суть
https://jsfiddle.net/0et97a1u/1/