⭐️ 최신 브라우저에서 개별 transform CSS를 지원합니다

- 이제 translate, scale, rotate를 transform 값이 아닌 개별 CSS로 사용할 수 있습니다. --- CSS의 transform 속성을 이용하면 DOM 요소의 변형과 이동을 가능하게 하다는 것을 알고 계실 겁니다. 게다가 transform 속성을 쓰면 레이어가 별도 분리되어 GPU에서 처리되기 때문에 성능 상 이점을 누릴 수 있기도 하고요. 하지만 transform이 인라인 스타일로 작성되어 있거나 값이 복잡해질 경우 이를 런타임에서 수정하기가 쉽지 않습니다. 모든 속성을 문자열처럼 나열해야 하고 선언 순서에 따라 변환이 다르게 적용되는 transform의 특성 때문이죠. 하지만 이제는 이러한 작업이 좀 더 편해질 것으로 보입니다. 구글에서 발표한 아티클에 따르면, 최신 브라우저에서 translate, rotate, scale 의 변환 함수를 별도 CSS 속성으로 지원한다고 밝혔기 때문입니다. 이를 이용해 보다 쉬운 변환 함수 작성, 애니메이션 분할 등이 가능해질 것으로 보입니다.