The purpose is to make animations as nice as possible for the end user. CSS animations gets rendered by the GPU, which greatly outperforms animations done in JavaScript.
For tutorial and examples on CSS animations, check Using CSS animations
Browsers which doesn't support CSS animations must be dealt with. The best solution is to provide an image fallback campaing. Another solution is to code the banner with using the progressive enhancement tecnique.