Главная/ Cправочник HTML, CSS, Javascript/ CSS расширения/ CSS расширения для Opera/ Properties/ Свойство -o-transition-duration | назначение, допустимые значения, примеры

Свойство -o-transition-duration

Последнее обновление: 10.02.2011

Свойство -o-transition-duration указывает какое количество времени занимает анимированный переход (можно указать несколько через запятую).

Анимированный переход будет совершаться при динамическом изменении свойств элемента, указанных в -o-transition-property.

Допустимые значения

  • — точное значение времени перехода. Задается в секундах s или в миллисекундах ms
Значение по умолчанию 0
Применимо к блочным и строчным элементам, приведенным в таблице ниже
Наследование нет
Поддерживается браузерами
  • Opera 10.5 и выше

Пример

CSS

div {
background-color:#ccc;
-o-transition-property:background-color;
-o-transition-duration:30ms;
}


Заметки

Перечень свойств и их типов значений к которым можно применять свойство -o-transition-duration.

Свойство Тип значения Поддержка
background-color <цвет> Да
background-image только градиент Нет
background-position <процент>, <значение> Да
border-bottom-color <цвет> Нет
border-bottom-width <ширина> Да
border-color <цвет> Нет
border-left-color <цвет> Нет
border-left-width <ширина> Да
border-right-color <цвет> Нет
border-right-width <ширина> Да
border-spacing <значение> Да
border-top-color <цвет> Нет
border-top-width <ширина> Да
border-width <ширина> Да
bottom <процент>, <значение> Да
color <цвет> Да
font-size <процент>, <значение> Да
font-weight <число> Да
height <процент>, <значение> Да
left <процент>, <значение> Да
letter-spacing <значение> Да
line-height <процент>, <значение>, <число> Да
margin-bottom <значение> Да
margin-left <значение> Да
margin-right <значение> Да
margin-top <значение> Да
max-height <процент>, <значение> Да
max-width <процент>, <значение> Да
min-height <процент>, <значение> Да
min-width <процент>, <значение> Да
opacity <число> Да
outline-color <цвет> Да
outline-offset <число> Да
outline-width <значение> Да
padding-bottom <значение> Да
padding-left <значение> Да
padding-right <значение> Да
padding-top <значение> Да
right <процент>, <значение> Да
text-indent <процент>, <значение> Да
text-shadow тень Нет
top <процент>, <значение> Да
vertical-align <процент>, <значение> ключевые слова Да
visibility все значения Да
width <процент>, <значение> Да
word-spacing <процент>, <значение> Да
z-index <число> Да

В спецификации CSS3 есть аналогичное свойство transition-duration.

По теме

Теги: , , , ,
Показать комментарии