Eu tenho que usar a matriz de transformação para animar transform: scale de um elemento.

Quero escalar de 0 a 1. Se eu usar o seguinte código, ele funcionará corretamente:

.container {
    width: 200px;
    height: 100px;
    background: yellow;
    transform: scale(0);
    transition: transform 1s;
}
.container.open {
    transform: scale(1);
}

https://jsfiddle.net/w4kuth78/1/

Se eu usar a própria matriz, énão trabalhando.

.container {
    width: 200px;
    height: 100px;
    background: yellow;
    transform: matrix(0, 0, 0, 0, 0, 0);
    transition: transform 1s;
}
.container.open {
    transform: matrix(1, 0, 0, 1, 0, 0);
}

https://jsfiddle.net/m7qpetkh/1/

Estou fazendo algo errado ou isso simplesmente não está funcionando? Gostaria de saber, porque não funciona no Chrome e Firefox ...

A saída de depuração console_log diz que na escala de 0 a 1 a matriz também é definida de matriz (0,0,0,0,0,0) para matriz (1,0,0,1,0,0).

EDITAR:

Confusão total ... Se eu alterar os valores de scaleX e scaleY na matriz para 0,1 ou 0,01, funciona ... uau