SyntaxStudy
Sign Up
Home CSS Reference transition-timing-function

transition-timing-function

property CSS3

Specifies the speed curve of a transition effect.

Syntax

transition-timing-function: ease | linear | ease-in | ease-out | cubic-bezier();

Example

css
.linear    { transition-timing-function: linear; }
.ease      { transition-timing-function: ease; }
.ease-in   { transition-timing-function: ease-in; }
.ease-out  { transition-timing-function: ease-out; }
.bounce {
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}