Animação CSS

O código fonte deste exemplo pode ser encontrado aqui: https://github.com/gomobile/sample-cssanimation ou faça o download do Intel(R) XDKpara ver outros exemplos de HTML5.

Propósito

Esta aplicação de demonstração utiliza animações do CSS3 para mostrar um personagem com

Código fonte

O exemplo de animação em CSS3 posui diversos elementos HTML5 criados para construir as características do personagem que será animado, bem como seis botões para disparar as diferentes expressões.

Os botões disparam funções que alteram as classes CSS que gerenciam as propriedades dos elementos HTML5 que compõem o personagem. Existem seis classes diferentes de CSS, essencialmente uma para cada emoção apresentada pelo personagem. Você encontra essas classes no arquivo css/main.css.

O código que altera as classes CSS pode ser encontrado no arquivo js/main.js.

Testando

Este aplicativo de exemplo foi testado em uma variedade de dispositivos iOS e Android.
Para obter informações mais completas sobre otimizações do compilador, consulte nosso aviso de otimização.