{"name":"-webkit-animation-timing-function","description":"Defines how an animation progresses between keyframes.","keywords":["css","property","-webkit-animation-timing-function","webkit","animation","timing","function"],"longDescription":"<p>\n    The timing function is specified using a cubic Bezier curve.\n    Use the constants to specify preset points of the curve or\n    the <code>cubic-bezier<\/code> function to specify your own points.\n    See <a href=\"http:\/\/developer.apple.com\/safari\/library\/documentation\/AppleApplications\/Reference\/SafariCSSRef\/Articles\/Functions.html#\/\/apple_ref\/css\/func\/cubic-bezier\">cubic-bezier<\/a>\n    for a description of the parameters for this function.\n    See <a href=\"http:\/\/developer.apple.com\/safari\/library\/documentation\/AppleApplications\/Reference\/SafariCSSRef\/Articles\/Functions.html#\/\/apple_ref\/doc\/uid\/TP40007955-SW24\">\"Visual Effects Timing Functions\"<\/a>\n    for additional information about timing functions.\n<\/p>\n<p>\n    This property applies between keyframes, not over the entire animation.\n    For example, for an <code>ease-in-out<\/code> timing function, an animation eases\n    in at the start of the keyframe and eases out at the end of the keyframe.\n    A <code>-webkit-animation-timing-function<\/code> defined within a keyframe block\n    applies to that keyframe; otherwise, the timing function specified for the animation is used.\n<\/p>\n\n\n","syntax":["-webkit-animation-timing-function: <function> [, \u2026];"],"values":{"<function>":{"description":"<p>The function to apply between keyframes.<\/p>","values":{"ease":"Equivalent to <code>cubic-bezier(0.25, 0.1, 0.25, 1.0)<\/code>.","linear":"Equivalent to <code>cubic-bezier(0.0, 0.0, 1.0, 1.0)<\/code>.","ease-in":"Equivalent to <code>cubic-bezier(0.42, 0, 1.0, 1.0)<\/code>.","ease-out":"Equivalent to <code>cubic-bezier(0, 0, 0.58, 1.0)<\/code>.","ease-in-out":"Equivalent to <code>cubic-bezier(0.42, 0, 0.58, 1.0)<\/code>."}}},"versions":{"safari.4.0":"http:\/\/developer.apple.com\/library\/safari\/documentation\/AppleApplications\/Reference\/SafariCSSRef\/Articles\/StandardCSSProperties.html#\/\/apple_ref\/css\/property\/-webkit-animation-timing-function","ios.2.0":"http:\/\/developer.apple.com\/library\/safari\/documentation\/AppleApplications\/Reference\/SafariCSSRef\/Articles\/StandardCSSProperties.html#\/\/apple_ref\/css\/property\/-webkit-animation-timing-function"}}