Como Representar esta função do css em jquery?

[Micilini Roll 49]

Como represento isso:

 

 .link{
    30% {  background:#FFF; }
  }

 

Sei que o background é dessa forma:

 

$('.link').css('background','#FFF');

 

mas e os 30% ????

 

[mangakah 217]

 

Como represento isso:

 

 .link{
    30% {  background:#FFF; }
  }

 

E isso é CSS válido??? :o

 

Eu é que te pergunto: o que isso representa?

[Micilini Roll 49]

Porque seguinte foi um rapaz aqui do forum que tinha feito isso! em css so que preferi tentar reproduzir isso em javascript! pq nao é css valido!

[mangakah 217]

Hum... Poderia identificar esse elemento para que eu possa denunciar às autoridades para que sejam tomadas as medidas cabíveis?

 

 

E eu também gostaria de saber: o que você pretende fazer com isso afinal? Pois além de não ser CSS válido, também não faz nenhum sentido pra mim...

[Micilini Roll 49]

Entendi mangakah! o comando é este daqui:

 

http://forum.imasters.com.br/topic/504024-executar-animaao-com-circulos-via-jquery/

 

la no #5 post se vc ver ele inseriu este codigo:

 

 @-webkit-keyframes pisca {
    50% { background: #573C02; }
  }

[mangakah 217]

Então...

 

Mas lá ele colocou outra coisa, usando a at-rule keyframe, mas você estava usando um seletor comum (.link).

 

Com keyframe, primeiro você deve "declarar" o andamento da animação, dando um nome a ela

@-webkit-keyframes NOMEDAANIMACAO {
  0% { backgrond: #000011; }
  10% { background: #000022; }
  20% { background: #000033; }
  30% { background: #000044; }
  40% { background: #000055; }
  50% { background: #000066; }
  60% { background: #000077; }
  70% { background: #000088; }
  80% { background: #000099; }
  90% { background: #0000BB; }
  100% { background: #0000FF;  }
}

Com isso eu estou dizendo: quando forem 0% do tempo da animação, mude para a cor #000011, quando forem 10% mude para a cor #000022, e assim por diante.

 

Obs: Para funcionar nos outros navegadores não-webkit (versões antigas do Opera, FF e IE10), o mesmo deve ser feito com:

@-moz-keyframes /* FF */
@-o-keyframes /* Op. */
@keyframes /* Std/IE10 */

Agora que eu declarei isso, eu posso aplicar essa animação a um elemento, referenciando pelo nome dela, que no caso é "NOMEDAANIMACAO", e dar outros parametros como tempo de duração, tipo, etc.

.elemento {

  background: #FFFFFF;
  width: 100px;
  height: 100px;

  -webkit-animation: NOMEDAANIMACAO 10s; /* Chrome e Safari 4+ */
  -moz-animation:    NOMEDAANIMACAO 10s; /* FF 5+ */
  -o-animation:      NOMEDAANIMACAO 10s; /* Op. 12+ */
  animation:         NOMEDAANIMACAO 10s; /* Std. IE 10+ */

}

No post #4 do tópico que você linkou foi usado jQuery para ligar a animação ao elemento.

 

 

Se você não quer mais usar animações CSS, então use .animate() ou algum plugin ou script de "color animation".

[Micilini Roll 49]

+1 pra voce! resolvido!