Style transitionProperty-ominaisuus

Määrittely ja käyttö

transitionProperty Ominaisuus määrittelee CSS-ominaisuuksien nimet, joihin siirtymäefekti vaikuttaa (siirtymäefekti käynnistyy määritetyn CSS-ominaisuuden muutoksen yhteydessä).

Vinkki:Kun käyttäjä asettaa hiiren elementin päälle,过渡效果通常会出现。

Huomautus:Määritä aina transitionDuration-ominaisuusMuuten aikaväli on 0, ja siirtymäefekti on voimaton.

Katso myös:

CSS-oppaasti:transition-property-ominaisuus

Esimerkki

Pysäytä hiiri div-elementin päällä muuttaaksesi sen leveyttä ja korkeutta vähitellen:

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

Kokeile itse

Syntaksi

Palauta transitionProperty-ominaisuus:

object.style.transitionProperty

Aseta transitionProperty-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
none Yksikään ominaisuus ei saa siirtymäefektiä.
all Oletusarvo. Kaikki ominaisuudet saavat siirtymäefektin.
property Luettelo CSS-ominaisuuksien nimistä, jotka määrittelevät siirtymäefektin, pilkulla erotettuna.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi elementistä tämän ominaisuuden. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: all
Palautusarvo: Merkkijono, joka ilmaisee elementin transition-property-ominaisuus.
CSS-versio: CSS3

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.

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