What's the best way to make a CSS animation?

I have a question how can we make a CSS animation like we see on the television screen a lot of animated objects.Can somebody explain this to me in detail. My question is how can we produce a good looking CSS animations for our projects without wasting too much time.