Почему в Chrome не работает `style.webKitTransition` и` style.webkitTransform`?

Question

Эти строки:

numberElement.style.webkitTransition=".1s ease-in-out"; 
numberElement.style.webkitTransform="scale(2.0)"; 

100% работали не больше, чем год назад. Я снял очень устаревшее репо, чтобы добавить к нему еще одну функцию, но когда я просмотрел страницу, масштаб больше не работал. Я изменил свой HEAD, чтобы быть прав на коммит, где я уверен, что он работал, и scale все еще не работает.

Покидает во время выполнения элементов, это то, что я вижу

<span id="minute-number" style="transition: 0.1s ease-in-out; transform: scale(2.0);">TEST</span> 

Но визуально, ничего не происходит с TEST текста

сделал что-то изменить с тем, как мне нужно использовать webkitTransition или webkitTransform?

Answer 1

Решил (вроде) Элементы, которые я преобразовывал, были <span> элементов, которые, по-видимому, не могут принимать преобразования.

Так что я изменил CSS:

span { 
    display: inline-block; 
} 

и были применены преобразования. Сейчас вопрос в том, что inline-block изменяет размеры моих элементов, которые я просил о здесь: Why does applying `inline-block` force dimensions onto my span element?

Что-то должно измениться в Chrome, хотя, потому что прообразы определенно работали над <span> элементами год назад