Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Múltiplos tempos de transformação

Durante a aula fiquei com duvida em como poderia fazer para que duas transformações pudessem ter tempos diferentes. Por exemplo, a cor do background muda em 1 segundo, porém o scale termina em 0.5 segundo.

1 resposta
solução

Fala ai Henrique, tudo bem? Nesse caso você pode informar o transition de cada propriedade de maneira separada, ficando algo assim:

transition: background 1s linear, transform 2s ease-in;

Basicamente separa por vírgula as transições.

Espero ter ajudado.