Individual transforms

25 Sep, 2022

Starting from today, we no longer need to employ the transform property to translate, rotate, and scale elements. Instead, we can utilize individual properties, as outlined in this web.dev article, on their own lines.

.box {
  translate: 50% 0;
  rotate: 30deg;
  scale: 2;
}

I have eagerly anticipated this feature for years, and it is now available in all major web browsers.

#css