![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 Twitter: "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. 👇
![eu não entendo isso transform: translate(-50%, -50%) rotate(-5deg) translateZ(4px); | HTML5 e CSS3 II: Turbinando as suas páginas | Alura - Cursos online de tecnologia eu não entendo isso transform: translate(-50%, -50%) rotate(-5deg) translateZ(4px); | HTML5 e CSS3 II: Turbinando as suas páginas | Alura - Cursos online de tecnologia](https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/487ec0ca-416c-42dc-bb8d-bda2da819e84/transform-translate.png)
eu não entendo isso transform: translate(-50%, -50%) rotate(-5deg) translateZ(4px); | HTML5 e CSS3 II: Turbinando as suas páginas | Alura - Cursos online de tecnologia
![jquery - Javascript : accurate CSS TranslateX ( position ) taking Transform Scale into account - Stack Overflow jquery - Javascript : accurate CSS TranslateX ( position ) taking Transform Scale into account - Stack Overflow](https://i.stack.imgur.com/r8KBL.png)
jquery - Javascript : accurate CSS TranslateX ( position ) taking Transform Scale into account - Stack Overflow
![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)