It is also recommended to assign unique identifiers to your animations. Debugging įor debugging animations in Chrome, there is a great blog post about inspecting animations using the Chrome DevTools. On the other hand, animating properties such as transform and opacity are highly optimizable by the browser and typically do not cause much jank.įor information on which CSS properties cause layouts or paints to occur, see CSS Triggers. It is recommended that you prefer using properties that can be handled on the compositor thread for optimal animation performance.Īnimating properties such as height and width cause additional layouts and paints which can cause jank and degrade animation performance. This is different than the main thread where layout, painting, styling, and your JavaScript is executed. CSS and Web Animations are usually handled on the compositor thread.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |