應用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也