Можно ли сделать такой эффект без использования картинок?

Question

[Алексей Королёв]

В сайдбаре есть фильтр размытие, которое размещается поверх картинки. А можно ли как-то искусственно сделать такой фон без использования картинки?

Comments

[Ankhena]

Алексей Королёв, если фоновая картинка для всего сайта остается - то да, с помощью backdrop-filter (с учетом caniuse). Для сайдбара картинки использованы не будут.

Также можно размазать градиенты (хоть радиальные, хоть обычные или конические) с помощью обычного filter: blur()
Например: https://jsfiddle.net/84xdnzay/

И, не знаю, считается ли SVG, вставленная инлайном в CSS картинкой или уже нет.

Answer 1

[Юрий]

Есть backdrop-filter, но поддержка у него такая себе.

Answer 2

[Алексей Королёв]

Так ведь для backdrop-filter нужна картинка

Comments

[Ankhena]

Не пишите сами себе ответ.

Так фоновая картинка и так есть у всего сайта. Её и будет видно.

[Алексей Королёв]

Ankhena, вопрос перечитай, как сделать такой же фон но БЕЗ картинки

[Ankhena]

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

Вы хотите убрать картинку у всего сайта или сайдбара (как это написано в вопросе)?

[Алексей Королёв]

Ankhena, мне интересно можно ли фон сайдбара сделать такого вида но без картинок я об этом подробно написал в вопросе и описании, а меня тут за дурака держат. Я не профессионал в css и может не знаю, может есть какие-то решения, для создания похожих фонов.

[Ankhena]

Алексей Королёв, ответила в комментариях к вопросу.
А этот ваш "ответ" самому себе удаляйте.