Есть ли способ интерполировать переменные CSS с помощью url()? ⇐ CSS

[Anonymous]

Я хочу сохранить фоновые URL-адреса в пользовательских свойствах (переменных CSS) и использовать их со свойством фона. Однако мне не удалось найти способ интерполировать строку при использовании ее в качестве параметра в url().

Вот мой пример кода:< /p>

Код: Выделить всё

:root {
--url: "https://download.unsplash.com/photo-1420708392410-3c593b80d416";
}

body {
background: url(var(--url));
}

Я знаю, что это можно легко сделать в Sass или LESS с помощью функции интерполяции, но мне интересно, есть ли способ сделать это без какого-либо препроцессора.

Подробнее здесь: https://stackoverflow.com/questions/423 ... s-with-url