линейный градиент () значения как переменные js

Question

Мне было интересно, можно ли будет управлять значениями CSS через JS-скрипт, чтобы я мог назначать им переменные (в данном случае извлекаемые из событий мыши clientX и clientY).

Это означало бы, что цветзначения будут меняться при перемещении мыши по странице.Кто-нибудь имел опыт подключения скриптов и переменных к значениям CSS?

Спасибо!

Answer 1

Да.Это возможно.Вот пример использования X e Y для изменения цвета фона.

function runEvent(e) {
    let valY = e.clientY, valX = e.clientX;

    document.body.style.backgroundColor = `rgb(${e.offsetX}, ${e.offsetY}, 0)`;
}

window.addEventListener('mousemove', runEvent);

В вашем случае просто измените backgroundColor на background = 'linearGradient (value, $ {JSvalues})'