Matrixskalenübergang funktioniert nicht

Ich muss die Transformationsmatrix verwenden, um die Transformation zu animieren: Skalierung eines Elements.

Ich möchte von 0 auf 1 skalieren. Wenn ich den folgenden Code verwende, funktioniert er ordnungsgemäß:

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

https: //jsfiddle.net/w4kuth78/1

Wenn ich die Matrix selbst benutze, ist esnich Arbeiten

.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

Mache ich irgendetwas falsch oder funktioniert das einfach nicht? Ich frage mich, weil es in Chrome und Firefox nicht funktioniert ...

Die console_log-Debug-Ausgabe besagt, dass bei einer Skalierung von 0 auf 1 die Matrix auch von Matrix (0,0,0,0,0,0) auf Matrix (1,0,0,1,0,0) gesetzt wird.

BEARBEITEN

Totale Verwirrung ... Wenn ich die Werte für scaleX und scaleY in der Matrix auf 0.1 oder 0.01 ändere, funktioniert das ... wow