Transition timing functions
Click each button to trigger the corresponding transition or transitions. Note these examples do not include the cubic-bezier function.
transition-timing-function: step-start
transition-timing-function: step-end
transition-timing-function: steps(5,start)
transition-timing-function: steps(5,end)
transition-timing-function: ease
transition-timing-function: linear
transition-timing-function: ease-in
transition-timing-function: ease-out
transition-timing-function: ease-in-out
Click the button to trigger the associated transition or transitions.