Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Animaciones CSS ocultar elementos

Estas en el tema de Animaciones CSS ocultar elementos en el foro de CSS en Foros del Web. Estoy probando hacer una página con una cabecera, section y footer Estoy haciendo una animación que primero carga la cabecera, luego el section y por ...
  #1 (permalink)  
Antiguo 03/08/2016, 06:59
Avatar de bichomen  
Fecha de Ingreso: junio-2003
Ubicación: Barcelona y alrededores, España
Mensajes: 877
Antigüedad: 20 años, 9 meses
Puntos: 2
Animaciones CSS ocultar elementos

Estoy probando hacer una página con una cabecera, section y footer

Estoy haciendo una animación que primero carga la cabecera, luego el section y por ultimo, el footer, esto más o menos con delay y tal lo tengo conseguido, pero por defecto desde el segundo 0 me muestra todos los elementos aglutinados, y luego se van moviendo a su sitio, yo solo quiero que primero se muestre la animacion de la cabecera y solo el color de de fondo de la cabecera y por ultimo todos sus elementos, luego lo mismo con el section y por ultimo el footer, no se si me explico,

Osea primero se muestra un retangulo de color arriba con su animación correspondiente y después de la animación sus elementos, textos, imágenes, etc, esto seria la cabecera, luego se mostraría el section de la misma forma un cuadrado de color con su animación y por ultimo los elementos restantes y lo mismo con el footer.

¿Esto es posible? gracias


bichomen
__________________
"Se sabe con exactitud, con cuanta imprecisión, se sabe algo"
Linux Registered User #320332
  #2 (permalink)  
Antiguo 03/08/2016, 07:37
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Respuesta: Animaciones CSS ocultar elementos

De que es posible es posible... de que no entendí tu caso concreto, no lo entendí.

Porfa pon un diagrama específico de lo que no quieres que se muestre.

La posible solución podría estar en diferentes cosas, por ejemplo mandar los cuadros fuera con un contenedor y overflow, o algún opacity 0 o tendrá que ver con el scroll. Pero como no está claro tu problema, las posibles respuestas no serán precisas.
  #3 (permalink)  
Antiguo 03/08/2016, 09:10
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 9 meses
Puntos: 1012
Respuesta: Animaciones CSS ocultar elementos

Es posible que estés hablando de la combinación de los efectos parallax y fade in??
http://www.google.es/search?q=javasc...riCuQQ1QIINigB
http://www.google.es/search?site=&oq...ade+in+webpage
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #4 (permalink)  
Antiguo 03/10/2016, 06:49
Avatar de bichomen  
Fecha de Ingreso: junio-2003
Ubicación: Barcelona y alrededores, España
Mensajes: 877
Antigüedad: 20 años, 9 meses
Puntos: 2
Respuesta: Animaciones CSS ocultar elementos

Al final lo solucione con la propiedad display, ocultando por defecto los elementos y mostrándolos en el momento preciso, en que deben aparecer.


bichomen
__________________
"Se sabe con exactitud, con cuanta imprecisión, se sabe algo"
Linux Registered User #320332
  #5 (permalink)  
Antiguo 15/02/2018, 01:38
Avatar de bichomen  
Fecha de Ingreso: junio-2003
Ubicación: Barcelona y alrededores, España
Mensajes: 877
Antigüedad: 20 años, 9 meses
Puntos: 2
Respuesta: Animaciones CSS ocultar elementos

quiero eliminar este mensaje, lo puse por error


bichomen
__________________
"Se sabe con exactitud, con cuanta imprecisión, se sabe algo"
Linux Registered User #320332

Etiquetas: animacion, color, elementos, página, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:34.