Tengo que usar la matriz de transformación para animar transformación: escala de un elemento.

Quiero escalar de 0 a 1. Si uso el siguiente código, funciona correctamente:

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

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

Si uso la matriz en sí, esno trabajando.

.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/

¿Estoy haciendo algo mal o simplemente no funciona? Me pregunto, porque no funciona en Chrome y Firefox ...

La salida de depuración de console_log dice que al escalar de 0 a 1 la matriz también se establece de matriz (0,0,0,0,0,0) a matriz (1,0,0,1,0,0).

EDITAR:

Confusión total ... Si cambio los valores scaleX y scaleY en la matriz a 0.1 o 0.01 funciona ... wow