Свойство -webkit-transition-timing-function

timing_functionThe timing function.

easeEquivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).
linearEquivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).
ease-inEquivalent to cubic-bezier(0.42, 0, 1.0, 1.0).
ease-outEquivalent to cubic-bezier(0, 0, 0.58, 1.0).
ease-in-outEquivalent to cubic-bezier(0.42, 0, 0.58, 1.0).

Свойство -webkit-transition-timing-function относится к спецификации CSS, применяется к все элементы, и псевдоэлементы :before и :after, и действует на всех визуальный носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение ease. Является расширением движка WebKit (браузеры Chrome и Safari), и не совместимо с другими браузерами.

Смотри также:

  • transition - свойства анимационного перехода
  • transition-property - имя css-свойства, к которому будет применен анимационный переход.
  • transition-duration - длительность анимационного перехода
  • transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
  • transition-delay - задержка перед выполнением анимационного перехода
  • -moz-transition - свойства анимационного перехода
  • -moz-transition-property - имя css-свойства, к которому будет применен анимационный переход.
  • -moz-transition-duration - длительность анимационного перехода
  • -moz-transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
  • -moz-transition-delay - задержка перед выполнением анимационного перехода
  • -webkit-transition - свойства анимационного перехода
  • -webkit-transition-property - имя css-свойства, к которому будет применен анимационный переход.
  • -webkit-transition-duration - длительность анимационного перехода
  • -webkit-transition-delay - задержка перед выполнением анимационного перехода
  • -o-transition - свойства анимационного перехода
  • -o-transition-property - имя css-свойства, к которому будет применен анимационный переход.
  • -o-transition-duration - длительность анимационного перехода
  • -o-transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
  • -o-transition-delay - задержка перед выполнением анимационного перехода

Краткое описание

функция зависимости значения css-свойства от времени во течении анимационного перехода

Синтаксис:

ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]*

По умолчанию:

ease

Применяется к:

все элементы, и псевдоэлементы :before и :after

Наследование:

не наследуется

Тип носителя:

визуальный

Объектная модель документа (DOM):

[элемент].style['-webkit-transition-timing-function']

Кроссбраузерная совместимость

Internet Explorer

не поддерживается

Firefox

не поддерживается

Chrome

1.0+

Safari

1.0+

Opera

не поддерживается