Фоновая картинка с градиентом

[engelsit]

Здравствуйте, Уважаемое сообщество!

Есть сайт на Wordpress с Woocommerce (разумеется) Тема Deli (подтема Storefront).
Хочется сделать фоновое изображение, градиентом уходящее в прозрачность. Или же, сделать картинку, уходящую в определенный цвет, а далее, уже чтобы этот цвет шел до конца странички.

Вот пример того, как хочется, чтобы оно выглядело:

Кофе оптом от производителя - фабрика «Корто Кофе»

Компания «Корто Кофе» – ваш надежный поставщик кофе в России. Мы предлагаем только качественную продукцию!

www.kortokofe.ru

Есть рецепты или бесплатные плагины? Большое спасибо заранее!

 

[tuxfighter]

Хочется сделать фоновое изображение, градиентом уходящее в прозрачность. Или же, сделать картинку, уходящую в определенный цвет, а далее, уже чтобы этот цвет шел до конца странички.

что мешает это сделать?

Есть рецепты

Photoshop

 

[engelsit]

Да, спасибо, так и сделал. )) Но казалось, что "правильно", чтобы градиент рендерился в реальном времени, полупрозрачной накладкой над фоновым изображенем. ))

 

[tuxfighter]

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

Вам ресурсы хостинга некуда девать?

 

[ADv]

Да, спасибо, так и сделал. )) Но казалось, что "правильно", чтобы градиент рендерился в реальном времени, полупрозрачной накладкой над фоновым изображенем. ))

CSS, linear-gradinet + opacity

 

[engelsit]

Вам ресурсы хостинга некуда девать?

Скорее, ресурсы видеокарты посетителей.

 

[engelsit]

CSS, linear-gradinet + opacity

Да, кажется, что вот так нужно. Вопрос в коде.))

 

[ADv]

Да, кажется, что вот так нужно. Вопрос в коде.))

Примеры легко гуглятся