Több css filter egyszerre

Több css filter egyszerre
2022-03-10T23:55:41+01:00
2022-03-11T12:12:36+01:00
2022-10-15T21:21:10+02:00
Mevrix
Szeretnék egy képnézegető oldalt csinálni a saját kis git-hub-os oldalamra, aminek az lenne az egyik funkciója, hogy amikor az egyik kép arrébb megy akkor elmosódjon és sötétebb legyen. 
ehez ezeket próbálom használni:

@keyframes slide-left{ 0%{ transform: translate(0, 0); transform: scale(1); } 50%{ transform: translate(-25%, 0); transform: scale(0.9); filter: blur(1px); filter: brightness(.1); } 100%{ transform: translate(-50%, 0); transform: scale(0.8); filter: blur(2px); filter: brightness(.3); } }
Viszont nem tudom együtt használni a blur és a brightness filtereket.
A brightness mindig felülírja a blurt.
Mármint ha van brightness beállítva akkor a blur nem működik egyáltalán.
Néhány hete kezdtem el ezzel a témáva foglalkozni abszolút hobbi szinten úgyhogy simán elképzelhető, hogy valami nyilvánvalót rontok el/nem tudok.
Mi a hiba?
Mutasd a teljes hozzászólást!
felüírod a fillér és a transzformátor értékét az a baj. 

transform: translate() scale() …;
filter: blur() contrast() …;

a helyes syntax. 
Ha kap még egy transformot vagy bármilyen értéket, akkor az elsőt felül csapja a másodikkal.
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd