Stefan Judis on X: "Sweet! 👏 Individual transforms are coming to Chrome. ⚠️ But you can't just move all scale(), translate() and rotate() functions to their property counterparts, because order matters. 👇
![CSS Transform Properties - translate, rotate & scale - Are Also Available As Independent CSS Properties CSS Transform Properties - translate, rotate & scale - Are Also Available As Independent CSS Properties](https://s3.amazonaws.com/usefulangle/news/1-5e569e913f900.png)
CSS Transform Properties - translate, rotate & scale - Are Also Available As Independent CSS Properties
![Use the transform CSS property to ensure smooth animations - Create Modern CSS Animations - OpenClassrooms Use the transform CSS property to ensure smooth animations - Create Modern CSS Animations - OpenClassrooms](https://user.oc-static.com/upload/2019/01/24/15483303402175_pt02ch02_11_scaleTranxCompare_v001.gif)
Use the transform CSS property to ensure smooth animations - Create Modern CSS Animations - OpenClassrooms
Stefan Judis on X: "Sweet! 👏 Individual transforms are coming to Chrome. ⚠️ But you can't just move all scale(), translate() and rotate() functions to their property counterparts, because order matters. 👇
![Order in CSS transformations – transform functions vs individual transforms | Stefan Judis Web Development Order in CSS transformations – transform functions vs individual transforms | Stefan Judis Web Development](https://images.ctfassets.net/f20lfrunubsq/3hqPcRWwuuH5vvlJofHZft/a33bb401414d2908286fa8faa72ae5f3/Screenshot_2020-12-22_at_15.04.59.png)
Order in CSS transformations – transform functions vs individual transforms | Stefan Judis Web Development
![CSS Transform Apply 2D or 3D Transformations to an Element: Translate | Scale | Rotate | Skew. - ppt download CSS Transform Apply 2D or 3D Transformations to an Element: Translate | Scale | Rotate | Skew. - ppt download](https://slideplayer.com/slide/13587865/83/images/3/Translate+transform%3A+translate%28x%29%3B+transform%3A+translate%28x%2C+y%29%3B.jpg)