![](/img/trans.png)
[英]Animating a CSS linear-gradient's change in percentage values in Javascript?
[英]linear-gradient() values as js variables
我想知道是否有可能通过JS脚本控制CSS值,以便我可以为它们分配变量(在这种情况下,是从clientX和clientY鼠标事件中提取的)。
这意味着随着鼠标在页面上移动,颜色值将发生变化。 有没有人有过将脚本和变量连接到CSS值的经验?
谢谢!
是。 有可能的。 这是一个使用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})'
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.