Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

[SOLUCIONADO] [DUDA] como hace este efecto la siguiente pag?

Estas en el tema de [DUDA] como hace este efecto la siguiente pag? en el foro de WordPress en Foros del Web. Buenos tardes tengo una duda esta pag www.themify.me el footer cambia de color cada 1 segundo practicamente que codigo tendria que poner para hacer eso ...
  #1 (permalink)  
Antiguo 08/01/2015, 09:36
 
Fecha de Ingreso: agosto-2014
Mensajes: 9
Antigüedad: 4 años, 3 meses
Puntos: 0
Pregunta [DUDA] como hace este efecto la siguiente pag?

Buenos tardes tengo una duda esta pag www.themify.me el footer cambia de color cada 1 segundo practicamente que codigo tendria que poner para hacer eso ¿?

lo otro el logo cuando bajas con el scroll se achica como podria editar las medidas cuando baje con el scroll ? ya se hacer ese efecto solo que nose como editar las medidas . Bueno Saludos.

  #2 (permalink)  
Antiguo 08/01/2015, 12:00
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.191
Antigüedad: 10 años, 9 meses
Puntos: 1016
Respuesta: [DUDA] como hace este efecto la siguiente pag?

Lo del color puedes usar CSS3 la propiedad animate o con javascript usa un timer para cambiar los estilos de dicho elemento.

Lo segundo con puro CSS puedes controlar eso, revisa a fondo el código para conocer que identificadores (class o ID) tienes a disposición para lograr el cometido.


Si te tomas 5 minutos en revisar el código fuente, veras que hacer la pregunta en el foro esta de mas, tu solo puedes resolver el problema.
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 08/01/2015, 12:18
 
Fecha de Ingreso: agosto-2014
Mensajes: 9
Antigüedad: 4 años, 3 meses
Puntos: 0
gracias c:

Cita:
Iniciado por ArturoGallegos Ver Mensaje
Lo del color puedes usar CSS3 la propiedad animate o con javascript usa un timer para cambiar los estilos de dicho elemento.

Lo segundo con puro CSS puedes controlar eso, revisa a fondo el código para conocer que identificadores (class o ID) tienes a disposición para lograr el cometido.


Si te tomas 5 minutos en revisar el código fuente, veras que hacer la pregunta en el foro esta de mas, tu solo puedes resolver el problema.
una consulta lo que pasa esque cuando se terminan los colores se queda en blanco como haria para que se repitieran denuevo este es el css que ocupo
Código CSS:
Ver original
  1. animation: colorchange 50s; /* animation-name followed by duration in seconds*/
  2.          /* you could also use milliseconds (ms) or something like 2.5s */
  3.       -webkit-animation: colorchange 50s; /* Chrome and Safari */
  4.     }
  5.  
  6.     @keyframes colorchange
  7.     {
  8.       0%   {background: red;}
  9.       25%  {background: yellow;}
  10.       50%  {background: blue;}
  11.       75%  {background: green;}
  12.       100% {background: red;}
  13.     }
  14.  
  15.     @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
  16.     {
  17.       0%   {background: red;}
  18.       25%  {background: yellow;}
  19.       50%  {background: blue;}
  20.       75%  {background: green;}
  21.       100% {background: red;}
  22.     }

Última edición por zanguanga; 09/01/2015 a las 16:09
  #4 (permalink)  
Antiguo 08/01/2015, 13:12
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.191
Antigüedad: 10 años, 9 meses
Puntos: 1016
Respuesta: [DUDA] como hace este efecto la siguiente pag?

revisa esto

https://developer.mozilla.org/es/doc...nimaciones_CSS

lo que necesitas es animation-iteration-count
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #5 (permalink)  
Antiguo 08/01/2015, 13:24
 
Fecha de Ingreso: agosto-2014
Mensajes: 9
Antigüedad: 4 años, 3 meses
Puntos: 0
Respuesta: [DUDA] como hace este efecto la siguiente pag?

Cita:
Iniciado por ArturoGallegos Ver Mensaje
revisa esto

[url]https://developer.mozilla.org/es/docs/Web/CSS/Usando_animaciones_CSS[/url]

lo que necesitas es animation-iteration-count
xdd gracias te pasaste c:

Etiquetas: efecto, siguiente
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 08:35.