1.5 KiB
title | localeTitle |
---|---|
Transition | Transição |
Transição
A propriedade de transition
permite alterar os valores das propriedades sem problemas (de um valor para outro), durante uma determinada duração. `` `css transição: todos os 300ms;
### Transition on Several Property Values
You can change multiples property values with transition property.
css transição: largura 300ms, altura 2s;
### Specify the Speed Curve of the Transition
You can specify a speed curve on an element in transition property.
css transição: altura 2s linear;
or the property `transition-timing-function`
css função de temporização de transição: linear; `` `
Valores diferentes da transition-timing-function
de transition-timing-function
ease
- especifica um efeito de transição com início lento, depois rápido e termina lentamente (este é o padrão) linear
- especifica um efeito de transição com a mesma velocidade do início ao fim ease-in
- especifica um efeito de transição com início lento ease-out
- especifica um efeito de transição com um final lento ease-in-out
- especifica um efeito de transição com início e fim lentos cubic-bezier(n,n,n,n)
- permite que você defina seus próprios valores em uma função cúbica-bezier