css过滤器是否有可设置动画的转换属性

这就是我正在使用的。对于Mozilla来说，第二个对我来说是有效的，但在我的源代码中，我发现它带有-moz-前缀，所以保留这两个前缀也没什么坏处。

-webkit-transition: 1s -webkit-filter linear;
-moz-transition: 1s -moz-filter linear;
-moz-transition: 1s filter linear;
-ms-transition: 1s -ms-filter linear;
-o-transition: 1s -o-filter linear;
transition: 1s filter linear, 1s -webkit-filter linear;

在支持不带-webkit-前缀的transition的最新版本的Chrome上，如果您使用的是transition-property（没有缩写transition）和像filter这样仍然需要-webkit-前缀的属性，则需要混合不带前缀和带前缀的代码：

transition-property: width, left, transform, box-shadow, filter, -webkit-filter;

请注意，filter属性与-webkit-filter重复。这对于不使用前缀的浏览器来说是必要的，比如Firefox，在这种情况下会忽略-webkit-filter。

检查过滤器属性中是否有不同的值：

错误的

.link-image {
    transition: 0.3s;
    filter: brightness(80%);
}
.link-image:hover {
    transition: 0.3s;
    filter: brightness(10);
}

纠正

.link-image {
    transition: 0.3s;
    filter: brightness(80%);
}
.link-image:hover {
    transition: 0.3s;
    filter: brightness(100%);
}