You can specify a single duration that applies to all properties during the transition, or multiple values to allow each property to transition over a different period of time. Specifies the duration over which transitions should occur. Only properties listed here are animated during transitions changes to all other properties occur instantaneously as usual. Specifies the name or names of the CSSВ properties to which transitions should be applied. You can control the individual components of the transition with the following sub-properties: transition-property This is the best way to configure transitions, as it makes it easier to avoid out of sync parameters, which can be very frustrating to have to spend lots of time debugging in CSS. Which CSS properties can be transitioned?Д¬SS Transitions are controlled using the shorthand transition property. linearly or quick at the beginning, slow at the end). With CSS transitions enabled, changes occur at time intervals that follow an acceleration curve, all of which can be customized.ДЄnimations that involve transitioning between two states are often called implicit transitions as the states in between the start and final states are implicitly defined by the browser.Д¬SS transitions let you decide which properties to animate (by listing them explicitly), when the animation will start (by setting a delay), how long the transition will last (by setting a duration), and how the transition will run (by defining a timing function, e.g. For example, if you change the color of an element from white to black, usually the change is instantaneous. Instead of having property changes take effect immediately, you can cause the changes in a property to take place over a period of time.

CSS transitionsВ provide a way to control animation speed when changing CSS properties.

Css3 menu slide out