CSS transition-duration ominaisuus

Määritelmä ja käyttö

transition-duration-ominaisuus määrittää, kuinka paljon aikaa kuluu过渡效果的完成（sekunnit tai millisekunnit lasketaan).

Katso myös:

CSS-opas:CSS siirtymä

HTML DOM -viittausopas:transitionDuration-ominaisuus

esimerkki

Pitää过渡效果持续 5 sekuntia:

div {
  transition-duration: 5s;
}

Kokeile itse

CSS-kieli

transition-duration: aika;

ominaisuusarvo

arvo kuvaus
aika

Määrittää, kuinka paljon aikaa kuluu过渡效果的完成（以秒 tai millisekunteja lasketaan).

Oletusarvo on 0, mikä tarkoittaa, että vaikutusta ei ole.

Tekninen yksityiskohta

Oletusarvo: 0
Perinnäisyys: ei
Versio: CSS3
JavaScript-kieli: object.style.transitionDuration="5s"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee kyseistä ominaisuutta täysin.

Numerot, jotka sisältävät -webkit-, -moz- tai -o-, osoittavat ensimmäisen version, jota etuliitteitä käytetään.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-