transition con imagen

[sekafry]

Es un transition en el que todo esta transparente al principio y acaba en todo en negro.
con un opacity de 0 a 1 ya tendría ese resultado, pero el opacity te pone toda la pantalla por igual y lo que yo quiero es decirle que me utilice esta imagen como patrón.
10%{ puntos #000 se ponen con opacity 0.2}
20%{ puntos #000 => opacity 0.4; puntos #444 => 0.2}
30%{ puntos #000 => opacity 0.6; puntos #444 => 0.4; puntos #888 =>0.2}