CSS Transition Examples

fade round spin swipe combo bounce circle

For each of these, I'm adding a CSS rule using the :hover pseudo selector to apply different style properties on rollover. To get the properties to animate, I use the transition style property on the element and specify which property I want to animate.

Don't forget to view source and/or use Google Chrome's developer tools to inspect how these are made. For more information on creating a CSS rollover, refer to this step-by-step guide by Shay Howe