Свойство -moz-transition

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

Анимированный переход будет совершаться при изменении тех свойств элемента, которые указанны в -moz-transition-property, например, при помощи javascript. Не для всех свойств возможно задание анимированного перерода при изменении значения (например, труда себе представить, как должен выглядить анимированный переход при изменении свойства display) Список CSS свойств, к которым возможно применять эффект анимированного перехода, представлен далее:

Пример

Свойство -moz-transition относится к спецификации CSS, применяется к все элементы, и псевдоэлементы :before и :after, и действует на всех визуальный носителях, его значение не наследуется от родительского элемента в иерархии документа, Является расширением движка Gecko (браузер Firefox), и не совместимо с другими браузерами.

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

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

• Спецификация стандарта CSS 3
• Описание на Mozilla Developer Network