![Change an element's anchor point using transform-origin - Create Modern CSS Animations - OpenClassrooms Change an element's anchor point using transform-origin - Create Modern CSS Animations - OpenClassrooms](https://user.oc-static.com/upload/2019/01/29/15487607542807_pt02ch03_06_scale_v001.gif)
Change an element's anchor point using transform-origin - Create Modern CSS Animations - OpenClassrooms
![Adam Argyle on X: "How? ✓ 2 lines of CSS ✓ a courtesy media query ✓ a keyframe scale animation is driven by the entire scroll length of the page https://t.co/HIO6ElUv18" / X Adam Argyle on X: "How? ✓ 2 lines of CSS ✓ a courtesy media query ✓ a keyframe scale animation is driven by the entire scroll length of the page https://t.co/HIO6ElUv18" / X](https://pbs.twimg.com/media/GBGejEtbcAAsG5q.jpg:large)
Adam Argyle on X: "How? ✓ 2 lines of CSS ✓ a courtesy media query ✓ a keyframe scale animation is driven by the entire scroll length of the page https://t.co/HIO6ElUv18" / X
![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)