transition-propertyNieruchomość, zwykle używane jako część transitionstenografii, służy do określenia, jaki własności lub właściwości, chcesz zastosować efekt przejścia.
Odbywa się to poprzez podanie nazwy właściwości jako wartości:
.example ( transition-property: color; )Wartość może być jedną z następujących:
- Pojedyncza nazwa właściwości, jak w powyższym przykładzie
- Lista nazw właściwości oddzielonych przecinkami (skrócona lub odręczna) do przenoszenia wielu właściwości w jednym elemencie
- Słowo kluczowe
none, które wskazuje, że żadna właściwość nie zostanie przeniesiona - Słowo kluczowe
all, które wskazuje, że wszystkie właściwości zostaną przeniesione (ustawienie domyślne)
Kiedy przecinek rozdzielenie wartości nazwy właściwości są zasadniczo odwzorowywane do innych właściwości przejścia określone ( transition-timing-function, transition-durationi transition-delay). Oznacza to więc, że jeśli lista właściwości oddzielonych przecinkami zawiera co najmniej jedną nazwę właściwości, która jest nieprawidłowa, pozostałe właściwości będą nadal podlegać zmianie i będą mapowane na ich zamierzone powiązane właściwości przejścia.
Specyfikacja opisuje to, mówiąc:
„(U) nrozpoznane lub nieruchome właściwości muszą być zachowane na liście, aby zachować dopasowanie indeksów.”
W przypadku używania wartości nonelub uniwersalnych słów kluczowych inheritlub initialwartości tych nie można używać jako części listy oddzielonej przecinkami, w przeciwnym razie spowoduje to błąd składni i cały wiersz zostanie zignorowany.
Aby zapewnić zgodność we wszystkich obsługiwanych przeglądarkach, wymagane są prefiksy dostawców, ze standardową składnią zadeklarowaną jako ostatnia:
.example ( -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; )IE10 (pierwsza stabilna wersja IE do obsługi transition-property) nie wymaga -ms-prefiksu.
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| Pracuje | Pracuje | 4+ | 10,5+ | 10+ | 2.1+ | 3.2+ |