transition-property
Оновлено: 09.01.2023
transition-property
Встановлює ім'я стильової властивості, значення якої відстежуватиметься для створення ефекту переходу.
Коротка інформація
| Значення за замовчуванням | all |
| Успадковується | Ні |
| Застосовується | До всіх елементів, до псевдоелементів ::before і ::after |
| Анімується | Ні |
Синтаксис
transition-property: none | all | <властивість> [,<властивість>]*Значення
| none | Жодної властивості не задано. |
| all | Усі властивості будуть відстежуватися. |
| <властивість> | Назва стильової властивості, регістр під час її написання не враховується. У разі зазначення кількох властивостей вони перераховуються одна за одною через кому. |
Приклад
У цьому прикладі під час наведення курсору на блок він плавно змінює своє положення.
Об'єктна модель
Об'єкт.style.transitionProperty
Примітка
Chrome до версії 26.0, Safari до версії 6.1 і Android до версії 4.4 підтримують властивість -webkit-transition-property.Opera до версії 12.10 підтримує властивість -o-transition-property.
Firefox до версії 16 підтримує властивість -moz-transition-property.