CSS3 Transitions

Transition Properties: transition-property: none|all|property; transition-duration: time; transition-delay: time; transition-timing-function: linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); Animatable CSS Transitions Properties: Property Name Type --------------------------------------------------------------- background-color color background-image only gradients background-position percentage, length border-bottom-color color border-bottom-width length border-color color border-left-color color border-left-width length border-right-color color border-right-width length border-spacing length border-top-color color border-top-width length border-width length bottom length, percentage color color crop rectangle font-size length, percentage font-weight number grid-* various height length, percentage left length, percentage letter-spacing length line-height number, length,percentage margin-bottom length margin-left length margin-right length margin-top length max-height length, percentage max-width length, percentage min-height length, percentage min-width length, percentage opacity number outline-color color outline-offset integer outline-width length padding-bottom length padding-left length padding-right length padding-top length right length, percentage text-indent length, percentage text-shadow shadow top length, percentage vertical-align keywords, length,percentage visibility visibility width length, percentage word-spacing length, percentage z-index integer zoom number Browser Support: Safari3.2+, Chrome, FF4+, IE10, Opera 10.5+ Good Reference: http://www.developerdrive.com/2012/05/how-to-make-smooth-transitions-with-css3/