how to activate css animation on viewport

how to activate css animation on viewport

hi please i am a new bee in jquery and i have been trying to write a code to activate a css animation when the element is scrolled to and is visible on the viewport.
please can somebody help me out with the code <thank you>