应用CSS“模糊（）”过滤器的图像与已应用“亮度（）”过滤器去激活后者

Question

我得到与已经它变暗至50％的类的图像：

.f_pixx { 
width: 100%; 
filter: brightness(50%); 
-webkit-filter: brightness(50%); 
-moz-filter: brightness(50%); 
-o-filter: brightness(50%); 
-ms-filter: brightness(50%); 
} 

我还有一些微小的类，其目的仅仅是模糊：

.blurrme { 
-webkit-filter: blur(3px); 
filter: blur(3px); 
} 

因此，我写了一个简单的JS线这个模糊类添加到我的图像上悬停事件，然而，一旦模糊效果发生它会立即消除现有的亮度。我知道它可以使用多个过滤器，所以这里的诀窍在哪里？

Answer 1

-webkit-filter: brightness(50%) blur(3px); 
filter: brightness(50%) blur(3px); 

更换class将删除以前的物业，并会在JS所以申请新的属性

您将需要包括brightness也