{"name":"-webkit-transition-timing-function","description":"Specifies how the intermediate values used during a transition are calculated.","keywords":["css","property","-webkit-transition-timing-function","webkit","transition","timing","function"],"longDescription":"

This property allows for a transition to change speed over its duration. These effects, commonly called easing functions, are mathematical functions that produce a smooth curve.<\/p>\n

The timing function is specified using a cubic Bezier curve. Use the constants to specify preset points of the curve or the cubic-bezier<\/code> function to specify your own points. See cubic-bezier<\/a> for a description of the parameters for this function.<\/p>\n

The timing function takes as its input the current elapsed percentage of the transition duration and outputs a percentage that determines how close the transition is to its goal state.<\/p>\n","syntax":["-webkit-transition-timing-function: [, ...];"],"values":{"":{"description":"

The timing function.<\/p>","default":"ease","values":{"ease":"Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0)<\/code>","linear":"Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0)<\/code>","ease-in":"Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0)<\/code>","ease-out":"Equivalent to cubic-bezier(0, 0, 0.58, 1.0)<\/code>","ease-in-out":"Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0)<\/code>"}}},"versions":{"safari.3.1":"http:\/\/developer.apple.com\/library\/safari\/documentation\/AppleApplications\/Reference\/SafariCSSRef\/Articles\/StandardCSSProperties.html#\/\/apple_ref\/css\/property\/-webkit-transition-timing-function","ios.2.0":"http:\/\/developer.apple.com\/library\/safari\/documentation\/AppleApplications\/Reference\/SafariCSSRef\/Articles\/StandardCSSProperties.html#\/\/apple_ref\/css\/property\/-webkit-transition-timing-function"}}