Stil transitionProperty-egenskapen

Definition och användning

transitionProperty Egenskapen anger namnet på CSS-egenskapen som övergångseffekten riktar sig mot (övergångseffekten startar när den specifika CSS-egenskapen ändras).

Tips:När användaren håller muspekaren över elementet, uppstår ofta övergångseffekter.

Kommentar:Bestäm alltid transitionDuration-egenskapenannars är varaktigheten 0, övergången är ogiltig.

Se också:

CSS-referenshandbok:transition-property-egenskapen

Exempel

Placera muspekaren över div-elementet för att gradvis ändra dess bredd och höjd:

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

Prova själv

Syntax

Returnera transitionProperty-egenskapen:

object.style.transitionProperty

Ställ in transitionProperty-egenskapen:

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

Egenskapsvärde

Värde Beskrivning
none Inga egenskaper får övergångseffekt.
all Standardvärde. Alla egenskaper får övergångseffekt.
property En lista över CSS-egenskapsnamn som definierar övergångseffekten, avdelade med kommatecken.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheritera denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: all
Returvärde: sträng, som representerar elementets transition-property-egenskapen.
CSS-version: CSS3

Webbläsarstöd

Tabellen numrer anger den frsta webbläsare som helt stder egenskapen.

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