我正在尝试应用渐变效果,例如,如果我的鼠标经过一个网格单元,它一开始会变亮,但随着我向那个特定单元移动鼠标越多,它就会逐渐变亮。这是我的项目https://repl.it/@antgotfan/etch-a-sketch,这是一个有效的例子(不是我的btw),https://codepen.io/beumsk/pen/dVWPOW (只需点击渐变,就会看到效果)
我正在尝试使用" this“和event.target来解决这个问题,但它不起作用。我也尝试在jQuery中使用fadeIn,但这并不是我想要的效果。
function incrementOpacity() {
let opacity = 0.1;
$(".cell").hover((event) => {
$(event.target).css({"opacity": `${opacity += 0.1}`,
"backgroundColor": "#f5f5f5"})
});
}
在函数中,不透明度将永远增加,但将保持白色。
https://stackoverflow.com/questions/56741923
复制相似问题