Question

我有一个用于模糊元素的CSS过滤器，它工作得非常漂亮......但是我希望它能够轻松融入模糊但却无法弄清楚css是什么{{1}控制它？

我正在使用transition-property，但会在元素上打破另一个动画（它向左滑动）。

transition: 1s;

Answer 1

声明中的属性名称始终是冒号前面的部分，即使值是一个函数。因此，相应的transition-property为filter：

.event {
    transition-property: -moz-filter, -ms-filter, -o-filter, -webkit-filter, filter;
    transition-duration: 1s;
}

这不仅适用于filter属性，也适用于transform等属性，通常接受函数作为值。

这也意味着，如果你有多个不同的过滤器或多个变换，那么给定属性的所有过滤器都会被动画化。