CSS animations were added at the start of CSS3 which allows you to transition from one CSS style to another. To use a CSS animation you will have to start styling the element and a number of keyframes to define the transition from start to end of the animation.
Using the CSS animation generator to try out the following range of CSS animations including
You can also use the different easing options; ease, ease-in, ease-out, ease-in-out and linear. Duration and if the animation should run infinitely can also be set.
Once you're happy with the animation, which you can try out using the live preview, you can then generate all the HTML and CSS required.
Join Coveloping membership from $4.99 a month and get your first month free, cancel at any time