[Javascript Brasil] Elementos inseridos via Js e animação via CSS3

11 views
Skip to first unread message

Abraão Alves

unread,
Aug 17, 2012, 10:41:40 AM8/17/12
to javascri...@googlegroups.com
Olá galera,

Comecei a usar animações CSS3 (transition) e reparei que ela não funciona pela primeira vez em elementos que são adicionados via javascript.

/* percebam que não existe animação inicial, mas se você clicar novamente depois dos 4 segundos a animação vai ocorrer normalmente como deveria ser todo o tempo !! */

É como se o css só tivesse noção de que o elemento existe somente quando acessado de alguma forma sua propriedade de animação:

/* reparem que agora acesso a propriedade que estou animando, antes de adicionar a classe responsável pela animação, e de alguma forma o css toma consciência de que o elemento existe, é valido e é compatível com seu seletor */


Alguém já passou por isso ? Sabem dizer se isso é bug no CSS3 ? Tem alguma explicação mais logica para o ocorrido ?
  

--

twitter: @AbrahamAlves

ATENÇÃO:
Por favor!Proteja o meu endereço como estou protegendo o seu. Não revele e-mail dos correspondentes: use Cco (Copia Carbonada Oculta) ou Bcc (Blind copy). Retire os endereços antes de reenviar. Dificulte assim, a disseminação de vírus e spam. 

Vicente Martins

unread,
Aug 17, 2012, 5:35:30 PM8/17/12
to javascri...@googlegroups.com
Aqui ficou normal, após clicar em notificação, apareceu a notificação e depois dos 4s subiu novamente. Testei com o Chrome.

--
Este grupo é destinado a qualquer nível e nenhuma pergunta deve ser discriminada, pois muitos programadores ainda estão começando a conhecer o js.
 
Caso deseje fazer alguma pergunta pertinente à jQuery favor utilizar a lista oficial para isto: http://groups.google.com/group/jquery-br/
 
Favor não gerar flames e propagandas, caso contrário será moderado.
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Postar: javascri...@googlegroups.com
Sair: javascriptbras...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/javascriptbrasil?hl=en



--
Vicente Martins
skype: vicentimartins
gtalk: geo.ma...@gmail.com
msn: geoproc...@hotmail.com
cellphone: 83 88932202





Alan Tavares

unread,
Aug 17, 2012, 2:59:11 PM8/17/12
to javascri...@googlegroups.com
Não sei se é um bug mais parece que em alguns casos necessita forçar o reflow, assim como você fez, quando utilizado transitions:



Atenciosamente,

Alan Tavares
Superlogica Tecnologia
http://www.superlogica.com
Suporte: (19) 4009-6800
Comercial: 0800 709-6800
Skype: alan.t.chaves



Em 17 de agosto de 2012 11:41, Abraão Alves <abraao....@gmail.com> escreveu:
Reply all
Reply to author
Forward
0 new messages