Свойство -moz-transition
Последнее обновление: 14.02.2011
Свойство -moz-transition — сокращенный способ задать свойства перехода -moz-transition-property, -moz-transition-duration, -moz-transition-timing-function и -moz-transition-delay, позволяет одновременно задать свойство, к изменению которого будет применен плавный переход, время, в течение которого этот переход будет совершаться, способ расчета промежуточных значений перехода и задержку перед переходом.
Анимированный переход будет совершаться при динамическом изменении свойств элемента, указанных в -moz-transition-property.
Допустимые значения
- допустимые значения смотрите в свойствах -moz-transition-property, -moz-transition-duration, -moz-transition-timing-function и -moz-transition-delay
| Значение по умолчанию | не определяется для составных свойств |
|---|---|
| Применимо | ко всем элементам, псевдоэлементам :before и :after |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
div {
background-color:#ccc;
-moz-transition:background-color 5s ease-in-out 2s;
}
Заметки
На момент выхода статьи Firefox 4.0 еще не вышел, но поддержка этого свойства заявлена на сайте разработчиков.
В спецификации CSS3 есть аналогичное свойство transition.
По теме
- Вендорные префиксы. Что это?
- Свойство -webkit-transition
- Свойство -o-transition
- Псевдокласс :hover
- Свойство transition-delay
- Свойство -moz-transition-delay
- Свойство -webkit-transition-delay
- Свойство transition-duraton
- Свойство -webkit-transition-duraton
- Свойство -moz-transition-duraton
- Свойство transition-property
- Свойство -webkit-transition-property
- Свойство -moz-transition-property
- Свойство transition-timing-function
- Свойство -webkit-transition-timing-function
- Свойство -moz-transition-timing-function
Показать комментарии