Exemplo
O efeito de troca aparece nos últimos 5 segundos:
duração da transição: 5s;
-duração da transição do webkit: 5s; /* Safári */
Suporte ao navegador
Os números na tabela representam a primeira versão do navegador que suporta este atributo.
O número imediatamente antes de -webkit-, -ms- ou -moz- é o primeiro número de versão do navegador que suporta este atributo de prefixo.
| Atributos | |||||
|---|---|---|---|---|---|
| duração da transição | 26.0 4.0 -webkit- |
10,0 | 16,0 4,0 -moz- |
6.1 3.1 -webkit- |
12,1 10,5 -o- |
Definições de propriedade e instruções de uso
O atributo transição-duração especifica o tempo (em segundos ou milissegundos) necessário para concluir o efeito de transição.
| valor padrão: | 0 |
|---|---|
| herdar: | não |
| Versão: | CSS3 |
| Sintaxe JavaScript: | objeto.style.transitionDuration ="5s" |
gramática
duração da transição: tempo ;
| valor | descrever |
|---|---|
| tempo | Especifica o tempo (em segundos ou milissegundos) que o efeito de transição leva para ser concluído. O valor padrão é 0, o que significa que não haverá efeito. |