Comunidad de diseño web y desarrollo en internet online

efecto fade, sin necesidad de hover

Citar            
MensajeEscrito el 21 Dic 2012 04:24 am
Hola a todos:

Estoy intentando hacer una felicitación de Navidad que me han pedido y lleva un efecto fade, en que unas imágenes aparecen desde 0. Pero tienen que aparecer de la nada, sin hacer click en ningún sitio, primero una, luego otra,....

No consigo que funcione de ninguna manera y todo lo que encuentro en la web es a partir del hover. A ver si me podéis ayudar.

Os pego aquí mi css

#felices {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
}
/* Mozilla */
@-moz-keyframes felices {
0% {-moz-transition: opacity(0);}
100%{-moz-transition: opacity(100);}
}

Muchas gracias

Por Fedeque

26 de clabLevel



 

chrome
Citar            
MensajeEscrito el 21 Dic 2012 12:29 pm
Usa JavaScript para iniciar la animación en el onLoad de la ventana. Simplemente asigna una clase al elemento o elementos que quieras que se animen.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 21 Dic 2012 07:32 pm
Esto te puede ayudar :
http://www.creativosonline.org/blog/nieve-animada-con-css.html

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.