![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/18/15478159288024_pt02ch02_01_scale_v001.gif)
Use the transform CSS property to ensure smooth animations - Create Modern CSS Animations - OpenClassrooms
![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
![Day 22: Using container transform pattern to animate the appearance of a search box | by MasaKudamatsu | 100 Days in Kyoto to Create a Web App with Google Maps API | Medium Day 22: Using container transform pattern to animate the appearance of a search box | by MasaKudamatsu | 100 Days in Kyoto to Create a Web App with Google Maps API | Medium](https://miro.medium.com/v2/resize:fit:1400/1*orK0uUA72bCjkjmz2SbOwg.png)
Day 22: Using container transform pattern to animate the appearance of a search box | by MasaKudamatsu | 100 Days in Kyoto to Create a Web App with Google Maps API | Medium
![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/15483339881742_pt02ch02_15_3dTrans_v001.gif)