Exercício: botão com estados e transição
Um botão sem hover nem transição parece morto. Dê a ele os dois.
Estudar esta lição interativa →Ajuste o CSS do editor: adicione transition na regra normal de .botao (para animar suavemente), e crie uma regra .botao:hover com um background diferente do normal.
.botao precisa de uma transition curta (de até 1s) no estado normal, e uma regra .botao:hover com um background diferente do normal.
.botao{
background:#0ea5e9;
color:#fff;
border:none;
padding: 10px 18px;
border-radius: 6px;
/* sua vez: adicione transition aqui */
}
/* sua vez: adicione .botao:hover com um background diferente */
🧩 Este é um exercício com correção automática — abra no app para completá-lo e verificar.