CSS transition-timing-function | Kodilla.com

Opis:

CSS transition-timing-function Określa czas trwania efektu przekształcenia.

CSS transition-timing-function - Przykład:

transition-timing-function: linear;

Składnia:

transition-timing-function: linear|ease|ease-in|ease-out|ease-in-out|step-start|step-end|steps(int,start|end)|cubic-bezier(n,n,n,n)|initial|inherit;

CSS transition-timing-function - Spis wartości:

Nazwa	Objaśnienie
ease	Wartość domyślna. Określa efekt przejścia z wolnym startem, potem szybciej, a koniec wolny - równoznaczność z cubic-bezier(0.25,0.1,0.25,1).
linear	Określa efekt przejścia ze stałą prędkością - równoznaczność z cubic-bezier(0,0,1,1).
ease-in	Określa efekt przejścia z wolnym startem - równoznaczność z cubic-bezier(0.42,0,1,1)).
ease-out	Określa efekt przejścia z wolnym startem i końcem - równoznaczność z cubic-bezier(0,0,0.58,1).
ease-in-out	Określa efekt przejścia z wolnym startem i końcem - równoznaczność z cubic-bezier(0.42,0,0.58,1).
step-start	Równoznaczność z steps(1, start).
step-end	Równoznaczność z steps(1, end).
steps(int,start\|end)	Określa funkcję kroczącą z dwoma parametrami. Pierwszy parametr określa numer interwału w funkcji. Drugi parametr, który jest opcjonalny, przyjmuje wartość 'start' lub 'end' i określa punkt, gdzie zmiana wartości pojawia się w interwale. Jeśli druga wartość zostanie pominięta, domyślnie przybiera wartość 'end'.
cubic-bezier(n,n,n,n)	Pozwala określić własne wartości (od 0 do 1) dla funkcji cubic-bezier.
initial	Ustawia domyślną wartość.
inherit	Dziedziczy wartość po rodzicu.

Zobacz również:

transition-timing-function | transition-duration | transition | transition-delay | transition-property |