Videoaula: ciclo com Animation e Keyframes [vídeo]

Durante muito tempo o CSS só serviu para pintar quadradinhos e mais nada. Antigamente, ficávamos muitas vezes apenas formatando fontes, backgrounds, cores, tamanhos e medidas de distância e posição.

O tempo foi passando, e agora, propriedades como transition, a regra keyframe e outras vieram vitaminar a função que o CSS tem perante o HTML, acrescentando maneiras de produzirmos animações e transições. E elas podem ser tão empolgantes, a ponto de conseguirmos criar jogos, animações ou simplesmente deixar um site mais interativo.

Na videoaula de hoje, Leonardo Ferreira, do canal Ferreira Studios, ensina a simular o efeito walk cycle apenas usando um sprite e alguns keyframes. Um recurso, que a galera do DropBox já utiliza a algum tempo e que gera um resultado fantástico.