Exemplu
Lăsați efectul de tranziție ultimul timp de 5 secunde:
div {
-webkit-transition-duration: 5s; /* Safari */
transition-duration: 5s;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea de tranziție-durată specifică cât de multe secunde (s) sau milisecunde (ms) un efect de tranziție ia pentru a finaliza.
| Valoare implicită: | 0s |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.transitionDuration="1s" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmat de -webkit-, -moz- sau -o- specifica prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| transition-duration | 26.0 4.0 -webkit- | 10.0 | 16.0 4.0 -moz- | 6.1 3.1 -webkit- | 12.1 10.5 -o- |
CSS Sintaxa
transition-duration: Valori de proprietate Valoare Descriere time Specifică cât de multe secunde sau milisecunde un efect de tranziție ia pentru a finaliza. Valoarea implicită este 0s, adica nu va fi nici un efect initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Pagini similare
Tutorial CSS: CSS3 Treceri
HTML DOM referință: transitionDuration property