In my last article, I explored how you can use the CSS3 transform property to add visual interest to your site’s navigation menu. The thing about the transform property is that the visual change of an element from its base state to the transformed state is somewhat… abrupt. Sometimes you might prefer a more gradual transition.
Amazingly enough, CSS3 provides tools to make that possible. For simple transitions such as size and color, the transition property lets you control the amount of time an element takes to change from one state to another, how long to wait before changing state, and whether the transition should be linear or whether it should follow a curve (more on that later).