CSS transitions provide a way to control animation speed when changing CSS properties. Instead of having property changes take effect immediately, you can cause the changes in a property to take place over a period of time.
The color property sets the color of an element’s text content, and its decorations. It doesn’t affect any other characteristic of the element.The color value must be a uniform color, which may include a transparency value from CSS3.
In this tutorial we will create a new style navigation menu with CSS Transition effect. When the mouse hovers over a box this will grow and shrink the other boxes. We can add an icon to animate into the box to represent the page on the navigation.