background preloader

Cubic-bezier

Facebook Twitter

CSS property: -webkit-animation-timing-function. 17,.67,.83,.67) ✿ cubic-bezier.com. Timing-function - CSS. Summary The <timing-function> CSS data type denotes a mathematical function that describes how fast one-dimensional values change during transitions or animations.

timing-function - CSS

This in essence lets you establish an acceleration curve, so that the speed of the animation can vary over its duration. These functions are often called easing functions. It is a function linking the time with a ratio of the output value, expressed as a <number>, with 0.0 representing the initial state, 1.0 the final state.