Как сделать такой градиент?

Question

[andrey096]

https://jsfiddle.net/qsmp8h2t/
скетч выдает параметры

height: 36px;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.13;

Comments

[Степан Крапивин]

может это тень всё-таки?

[lamer350]

я бы просто сделал тень от верхнего блока

[andrey096]

lamer350, Степан Крапивин, скетч врать не будет))

[Степан Крапивин]

andrey096, макет это бутафория. Какими средствами дизайнер смог воспроизвести визуальное представление, такими и сделал. Может в скетче и нет возможности делать тень от блока? И что, тупо повторять за дизайнером вёрстку. Своя голова на что?

Answer 1

[hzzzzl]

это больше на тень похоже, вот нашел похожую по слову multiple box shadow на гугле

Comments

[andrey096]

hzzzzl, спасибо
но она вроде сильно отличается от скрина..

[hzzzzl]

andrey096, ну так прозрачность поменять по вкусу с 0,09 на что-то посильнее rgba(0,0,0,0.09)

вот еще есть gradient generator
https://cssgradient.io/

background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(226,226,226,1) 50%, rgba(179,179,179,1) 57%, rgba(0,0,0,1) 62%, rgba(50,50,50,1) 100%);

[andrey096]

hzzzzl, спасибо огромное!)