linear-gradient（）值作為js變量

Question

我想知道是否有可能通過JS腳本控制CSS值，以便我可以為它們分配變量（在這種情況下，是從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}）'