Question

我试图在单击按钮时使页面的亮度级别具有动画效果。每次单击按钮时，我都需要使用值进行更改。像这样。

$(".brightness-minus").click(function() {
    if(b < 11){
    $(".settings-inner-bar").animate({width: "-=3.3vw"});
    b++;
    console.log(b);
    }

在上面的代码中，我每次使用“ - =”来设置宽度的动画。我想要做的是在这个标签上复制这个效果。

    -webkit-filter: brightness(1);
     filter: brightness(1);

我试图一次以0.02的增量降低它。

由于“亮度”这个词也存在，它似乎不起作用。

有谁知道如何以同样的方式改变这个值。

提前致谢！

Answer 1

灵感来自this优秀答案

您可以对具有数值的变量使用constructor( private router: Router, private recordService: RecordService) { this.selectedrecords = new Array<Record>(); // <-- added }函数，然后在每个步骤中调用函数，然后将变量中的值赋给css属性。因此，您需要将当前亮度存储在变量中并从中减去，而不是使用animate()运算符。我制作了一个JSFiddle来演示（使用图像来演示亮度）：https://jsfiddle.net/0ccgjgL8/1/

-=

的jQuery

<button class="brightness-minus">
- minus
</button>

<div class="wrapper">
<img class="settings-inner-bar" src="http://lorempixel.com/output/technics-q-c-640-480-4.jpg" />
</div>

使用jQuery的动画与css过滤器。

1 个答案: