Explore Animista site and try pre-made css animations. Here you can browse and play with various options and immediately see the result which is free to download and use.
On http://animista.net/ you can find a lot of options to try and create your own animations: change easing, delay, duration, tweak them and change whatever you want. You will be able to see how changes affect the animation on the spot.
Created by Ana Travas, project was aimed to organize animations for being accessible and reused on different projects. The idea was to create a playground of pre-made animations that could be tested and tweaked before actual use.
It’s useful to see how various options affect the animation. And when you are ready, head to download screen by clicking the download button or download link in main navigation. Otherwise you can simply copy the generated CSS code and paste it into your favorite code editor.