Note: Chào mừng bạn đến với Cntt-k3.com. Hãy Đăng ký thành viên hoặc Đăng nhập để có thể tham gia cùng Cntt-k3 nhá !

Você não está conectado. Conecte-se ou registre-se

Animação com CSS3 - Loader

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Animação com CSS3 - Loader em Sex Nov 14, 2014 2:21 pm

Bom pessoal, vim demonstrar aqui a vocês um exemplo 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 :

DEMO ONLINE

curtiu ?

o código é bem simples

HTML :

Código HTML:

Código:
<!DOCTYPE HTML>
<html>
<head>
      <title>Loader</title>
      <link rel="stylesheet" href=".\css\style.css" type="text/css" media="all"/>

       <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
      <div class="loader"></div>
</body>
</html>

[CSS] Animation CSS - Pastebin.com

teste seu projeto ai e incremente do seu jeito.

Créditos:
Chimpz

Dependendo do navegandor não vai funcionar e 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: Edit fiddle - JSFiddle



Última edição por John Petrucci em Sex Nov 14, 2014 2:29 pm, editado 1 vez(es)



Atenciosamente,

©️ John Petrucci 2014 - WebTech
Ver perfil do usuário http://www.dreamtheater.net/

2 Re: Animação com CSS3 - Loader em Sex Nov 14, 2014 2:25 pm

AndréR.

avatar
Programador
òtimo loader, obrigado por compartilhar ...



É meu fã ? use ;)
# FãBar:
Ver perfil do usuário

3 Re: Animação com CSS3 - Loader em Seg Nov 17, 2014 1:30 pm

Wh0s

avatar
Administrador
Eu curti, achei bem legal!

Ver perfil do usuário http://webtech.forumais.com

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

  • Um fórum grátis | © PunBB | Fórum grátis de ajuda | Fale conosco | Assinalar uma queixa | Fórum grátis