Animação com CSS3 - Loader

[Chimpz 2]

Eae Marombas

aqui quem fala é o Jason ...

ops ... XD

(entendedores, entenderão)

 

Bom pessoal, vim demonstrar aqui a vocês um exmplo simples de Animação com CSS,

simples, mas o resultado é muito interessante,

serve como um loader para seu projeto ...

 

mas dê uma olhada na demonstração do Loader :

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

curtiu ?

 

o código é bem simples

 

HTML :

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

CSS: Aqui a mágica acontece

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

teste seu projeto ai e incremente do seu jeito.

[rnxn 2]

Só não esquece do suporte a outros navegadores, experimente acessar o site usando Mozilla Firefox.

[Chimpz 2]

Aqui no Meu Firefox 25.0 no Linux não Funcionou... está desatualizado

 

enfim testem seu navegador aqui :

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

e veja as especificações e a pontuação geral dele ...

[rnxn 2]

Não é questão de atualização. O Firefox, assim como o chrome tem suas particularidades.

 

Animação no Chrome usa @-webkit-keyframes <nome da animação>

No firefox, @-moz-keyframes <nome da animação>.

 

Teste:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se