Я должен использовать матрицу преобразования для анимации преобразования: масштаб элемента.

Я хочу масштабировать от 0 до 1. Если я использую следующий код, он работает правильно:

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

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

Если я использую саму матрицу, этоне за работой.

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

Я делаю что-то не так или это просто не работает? Мне интересно, потому что это не работает в Chrome и Firefox ...

Отладочный вывод console_log сообщает, что при масштабировании от 0 до 1 матрица также устанавливается из матрицы (0,0,0,0,0,0) в матрицу (1,0,0,1,0,0).

РЕДАКТИРОВАТЬ:

Полная путаница ... Если я изменю значения scaleX и scaleY в матрице на 0,1 или 0,01, это сработает ... вау