Style transitionProperty atrybut

Definicja i użycie

transitionProperty Atrybut określa nazwę atrybutu CSS, na który ma działać efekt przejścia (efekt przejścia zostanie uruchomiony, gdy zmieni się określony atrybut CSS).

Wskazówka:Gdy użytkownik nawiguje nad elementem, zazwyczaj pojawia się efekt przejścia.

Komentarz:Zawsze określ Atrybut transitionDurationw przeciwnym razie czas trwania będzie wynosił 0, a przejście będzie niewłaściwe.

Zobacz również:

CSS Reference Manual:Atrybut transition-property

Przykład

Zostaw mysz nad elementem div, aby stopniowo zmieniać jego szerokość i wysokość:

document.getElementById("myDIV").style.transitionProperty = "width,height";

Spróbuj sam

Gramatyka

Zwrócenie atrybutu transitionProperty:

object.style.transitionProperty

Ustawienie atrybutu transitionProperty:

object.style.transitionProperty = "none|all|property|initial|inherit"

Wartość atrybutu

Wartość Opis
none Żaden atrybut nie będzie miał efektu przejścia.
all Domyślna wartość. Wszystkie atrybuty będą miały efekt przejścia.
property Lista nazw atrybutów CSS, które definiują efekt przejścia, oddzielonych przecinkami.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegółowe informacje techniczne

Domyślna wartość: all
Wartość zwracana: ciąg znaków, który oznacza Atrybut transition-property.
Wersja CSS: CSS3

Obsługa przeglądarek

Tabela zawiera liczby oznaczające pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1