Parte 2
tag{
propriedade1: valor1;
propriedade2: valor2;
...
propriedadeN: valorN;
}
.....revisando
São animações simples, que são ativadas quando o usuário interage com o elemento
div{
width: 100px;
transition: width 3s;
}
div:hover{
width: 300px;
}
São animações complexas, que podem ser em loop, podem ter transição alternada, etc.
@keyframes exemplo {
from {background-color: red;}
to {background-color: yellow;}
}
div {
background-color: red;
animation-name: exemplo;
animation-duration: 5s;
}
Um site responsivo muda a sua aparência e disposição com base no tamanho da tela em que o site é exibido
Resposta: Dá trabalho!