transition-propertyВластивість, як правило , використовується як частина transitionстенографії, використовуються для визначення , які властивостей або властивостей, ви хочете застосувати ефект переходу.
Це робиться шляхом надання назви властивості як вартості:
.example ( transition-property: color; )Значення може бути одним із наступних:
- Одне ім’я властивості, як у прикладі вище
- Перелік імен властивостей, відокремлених комами (скорочене чи скорочене), для переходу кількох властивостей на один елемент
- Ключове слово
none, яке вказує на те, що жодне властивість не перейде - Ключове слово
all, яке вказує на перехід усіх властивостей (за замовчуванням)
Коли кома поділу значення, імена властивостей в основному відображені на інші властивості перехідних певних ( transition-timing-function, transition-durationі transition-delay). Отже, це означає, що якщо список властивостей, розділених комами, включає одне або декілька імен властивостей, які є недійсними, інші властивості все одно будуть переходити та відображатимуться до призначених їм властивостей переходу.
Специфікація описує це, кажучи:
"(U) нерозпізнані або не анімовані властивості повинні зберігатися у списку, щоб зберегти відповідність індексів."
При використанні значення noneабо універсальних ключових слів inheritабо initial, ці значення не можна використовувати як частину списку, відокремленого комами, інакше це призведе до синтаксичної помилки, а весь рядок буде проігноровано.
Для сумісності у всіх підтримуваних браузерах потрібні префікси постачальників зі стандартним синтаксисом, оголошеним останнім:
.example ( -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; )IE10 (перша стабільна версія IE для підтримки transition-property) не вимагає -ms-префікса.
Підтримка браузера
| Chrome | Сафарі | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Працює | Працює | 4+ | 10,5+ | 10+ | 2.1+ | 3,2+ |