Chrome에서 'style.webKitTransition` 및`style.webkitTransform`이 더 이상 작동하지 않는 이유는 무엇입니까?

Question

이 라인 :

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

100 % 년 전보다 더 많은 일을하지 않습니다. 다른 기능을 추가하기 위해 매우 오래된 repo를 가져 왔지만 페이지를 볼 때 더 이상 작동하지 않습니다. 내 HEAD을 바꿔서 내가 긍정적이었던 부분을 바꿨으므로 scale은 여전히 ​​작동하지 않습니다.

이 내가

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

하지만 시각적으로는 아무 것도

내가 webkitTransition 또는 webkitTransform를 사용해야하는 방법에 뭔가 변화 했 TEST 텍스트 발생하지 않습니다 볼 것입니다, 런타임에 요소를 체크 아웃?

Answer 1

해결 방법 (종류) 변환하려는 요소는 <span> 요소이며, 변환 할 수 없습니다.

은 그래서 CSS를 변경 :

span { 
    display: inline-block; 
} 

을하고 변환이 적용되었다. 변환 확실히 년 전

<span> 요소에 근무하기 때문에 Why does applying `inline-block` force dimensions onto my span element?

뭔가하지만, 크롬으로 변경해야합니다 : 문제는 지금 inline-block 내가 여기에 대해 물었다 내 요소의 크기를 수정하는 것입니다