transition-propertyСвойство, как правило , используется как часть transitionстенографии, используются для определения , какие свойств или свойств, вы хотите применить эффект перехода.
Для этого в качестве значения указывается имя свойства:
.example ( transition-property: color; )Значение может быть одним из следующих:
- Одно имя свойства, как в примере выше
- Список имен свойств, разделенных запятыми (сокращенный или длинный), для перехода нескольких свойств в один элемент
- Ключевое слово
none, указывающее на то, что ни одно свойство не перейдет - Ключевое слово
all, указывающее на переход всех свойств (по умолчанию)
Когда запятая разделения значения, имена свойств в основном отображены на другие свойства переходных определенных ( transition-timing-function, transition-durationи transition-delay). Таким образом, это означает, что если список свойств, разделенных запятыми, включает в себя одно или несколько недопустимых имен свойств, другие свойства все равно будут переходить и будут сопоставлены с предполагаемыми связанными свойствами перехода.
Спецификация описывает это следующим образом:
«(Не) распознанные или неанимируемые свойства должны храниться в списке, чтобы сохранить соответствие индексов».
При использовании значения noneили универсальных ключевых слов inheritили initialэти значения нельзя использовать как часть списка, разделенного запятыми, в противном случае это приведет к синтаксической ошибке и вся строка будет проигнорирована.
Для совместимости со всеми поддерживающими браузерами требуются префиксы поставщика, а стандартный синтаксис объявлен последним:
.example ( -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; )IE10 (первая поддерживаемая стабильная версия IE transition-property) не требует -ms-префикса.
Поддержка браузера
| Хром | Сафари | Fire Fox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Работает | Работает | 4+ | 10.5+ | 10+ | 2.1+ | 3.2+ |