CSS3 Transition Properties
- transition: A shorthand property for setting the four transition properties into a single property.
- transition-delay: Specifies a delay (in seconds) for the transition effect.
- transition-duration: Specifies how many seconds or milliseconds a transition effect takes to complete.
- transition-property: Specifies the name of the CSS property the transition is for.
- transition-timing-function: Specifies the speed curve of the transition effect.
- ease: Specifies a transition effect with a slow start, then fast, then end slowly (this is the default).
- linear: Specifies a transition effect with the same speed from start to finish.
- ease-in: Specifies a transition effect with a slow start.
- ease-out: Specifies a transition effect with a slow end.
- ease-in-out: Specifies a transition effect with a slow start and end.
- cubic-bezier(n,n,n,n): Lets you define your own values in a cubic-bezier function.