Přechod stylu Vlastnost Vlastnost
Příklad
Umístěním ukazatele myši na prvek div postupně změňte jeho šířku a výšku:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Definice a použití
Vlastnost transitionProperty určuje název vlastnosti CSS, pro kterou je přechodový efekt určen (efekt přechodu se spustí, když se zadaná vlastnost CSS změní).
Tip: Přechodový efekt může obvykle nastat, když uživatel najede na prvek.
Poznámka: Vždy zadejte vlastnost transitionDuration, jinak je doba trvání 0 a přechod nebude mít žádný účinek.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
transitionProperty | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionProperty |
12.1 |
Syntax
Vraťte vlastnost transitionProperty:
object.style.transitionProperty
Nastavte vlastnost transitionProperty:
object.style.transitionProperty = "none|all|property|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
none | No property will get a transition effect |
all | Default value. All properties will get a transition effect |
property | Defines a comma separated list of CSS property names the transition effect is for |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | Všechno |
---|---|
Návratová hodnota: | Řetězec představující vlastnost přechodové vlastnosti prvku |
Verze CSS | CSS3 |
Související stránky
CSS reference: vlastnost transition-property
❮ Objekt stylu