【CSS】transformをプロパティを個々に書けるようになった

Chrome 104、Microsoft Edge 104のリリースから、transformをバラバラに書けるようになった

web.dev

具合的には

.box {
  transform: translate(50%, 50%) rotate(45deg) scale(1.5);
}

これを以下のように書くことができるようになった

.box {
  translate: 50% 50%;
  rotate: 45deg;
  scale: 1.5;
}

煩わしかったので、シンプルにかけるようになってよかった