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

Question

[Gor321]

Добрый день! Подскажите пожалуйста, как можно сделать такой фон, не используя картинки?
может можно как то с помощью градиента? Подскажите, будьте добры!

Answer 1

[Алиса Шнайдер]

https://codepen.io/anon/pen/BOQwKz что-то вроде такого

Comments

[#FFFFFF]

ваш пример в Сафари

[Алиса Шнайдер]

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

Answer 2

[#FFFFFF]

Вообще, это конечно градиент. НО в сафари он будет выглядеть совсем не так, как ожидается - весь "размоется". Буквально недавно делала практически 1-в-1, только серый. Проблему решила, сформировав паттерн и вставив его как background-image в base-64:
www.patternify.com

Answer 3

[Егор Данченко]

background: rgba(0,0,0, 0.8);

Answer 4

[dicem]

Можете воспользоваться онлайн генераторами градиентов:
www.colorzilla.com/gradient-editor

Answer 5

[mikeyuriev]