https://chromestatus.com/feature/5705698193178624

CSS の transform は translate や rotate などが混ざっていて少し特殊です

div {
	transform: translate(200px, -100px) rotate(90deg) scale(1.2);
}

一つのプロパティが長くなって書きづらいですし JavaScript から動的に変更したいときや animation の設定時にとても面倒です
CSS のプロパティとして個別に設定したいと思ってましたがそれができるようになるようです

div {
	translate: 200px -100px;
	rotate: 90deg;
	scale: 120%;
}

とても助かりますね
ちなみに Safari では結構前からサポートされてるようです
https://webkit.org/blog/11420/css-individual-transform-properties/
CSS 系に関しては Safari の方が Chrome 系よりも進んでますね