Introdução:

Neste projeto, as crianças vão aprender a animar uma cena simples usando CSS. Elas vão usar a regra CSS @keyframes para animar várias propriedades de imagens e divs.

Recursos on-line

Recomendamos o uso do trinket para escrever HTML e CSS on-line. Este projeto contém os links para os seguintes trinkets:

Há ainda um link para trinket que contém uma solução de exemplo para os desafios:

Recursos off-line

Este projeto pode ser feito off-line se você quiser. Também é possível acessar os recursos do projeto clicando no link ‘Download Project Materials’ deste projeto. Este link contém uma pasta ‘Project Resources’, que inclui recursos que as crianças precisam para completar o projeto off-line. Lembre-se de que cada criança precisa ter acesso a uma cópia desses recursos. Esta seção inclui os seguintes arquivos:

Você também pode encontrar uma versão finalizada dos desafios do projeto na pasta ‘Volunteer Resources’, que contém:

Objetivos de aprendizado

Desafios

Perguntas frequentes

animation: sky 10s infinite;            //para todos os navegadores mais novos
-webkit-animation: sky 10s infinite;    // Para navegadores Webkit (Chrome, Safari...)
-moz-animation: sky 10s infinite;       // Para navegadores Mozilla
-o-animation: sky 10s infinite;         // Para navegadores Opera
-ms-animation: sky 10s infinite;        // Para navegadores Microsoft