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

[Melmanqlo]

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.

[ArturoGallegos]

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.

[Melmanqlo]

gracias c:

Iniciado por ArturoGallegos

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:

animation: colorchange 50s; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 50s; /* Chrome and Safari */
    }
 
    @keyframes colorchange
    {
      0%   {background: red;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: green;}
      100% {background: red;}
    }
 
    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: red;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: green;}
      100% {background: red;}
    }
 

[ArturoGallegos]

revisa esto

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

lo que necesitas es animation-iteration-count

[Melmanqlo]

Iniciado por ArturoGallegos

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: