How to start animation after a certain time? html,css,js

Question

I want to know how can you edit/modify the css so that it starts the animation when the user scrolls at the page where the whole animation or the skills bar