alguien sabe hacer un header como el de este sitio:

  • 2 Respuestas
  • 526 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

alguien sabe hacer un header como el de este sitio:
« en: Septiembre 11, 2016, 10:16:29 pm »
alguien sabe hacer un header como el de este sitio:

No tienes permiso para ver enlaces. Registrarme ó Logearme

como verán el header cambia de color automáticamente

*

Desconectado Orberthiico0

Re:alguien sabe hacer un header como el de este sitio:
« Respuesta #1 en: Septiembre 11, 2016, 11:39:09 pm »
Creo que si pones ésto en el estilo de tu header lo podrás conseguir

Código
background-color: #e74c3c; 
animation: header_color 30s infinite;
-webkit-animation: header_color 30s infinite; 

Aquí tienes el css

Código
@-webkit-keyframes header_color {
  0% { background-color: #a94c4c; }
  12% { background-color: #a97e4c; }
  24% { background-color: #a9a84c; }
  36% { background-color: #69a94c; }
  48% { background-color: #4ca978; }
  60% { background-color: #4ca2a9; }
  72% { background-color: #4c5ea9; }
  84% { background-color: #764ca9; }
  96% { background-color: #a94c93; }
  100% { background-color: #a94c4c; }
}
@keyframes header_color {
  0% { background-color: #a94c4c; }
  12% { background-color: #a97e4c; }
  24% { background-color: #a9a84c; }
  36% { background-color: #69a94c; }
  48% { background-color: #4ca978; }
  60% { background-color: #4ca2a9; }
  72% { background-color: #4c5ea9; }
  84% { background-color: #764ca9; }
  96% { background-color: #a94c93; }
  100% { background-color: #a94c4c; }
}

Saludos.
« Última modificación: Septiembre 11, 2016, 11:40:53 pm por Orberthiico0 »

Re:alguien sabe hacer un header como el de este sitio:
« Respuesta #2 en: Septiembre 12, 2016, 01:08:18 am »
No tienes permiso para ver enlaces. Registrarme ó Logearme
Creo que si pones ésto en el estilo de tu header lo podrás conseguir

Código
background-color: #e74c3c; 
animation: header_color 30s infinite;
-webkit-animation: header_color 30s infinite; 

Aquí tienes el css

Código
@-webkit-keyframes header_color {
  0% { background-color: #a94c4c; }
  12% { background-color: #a97e4c; }
  24% { background-color: #a9a84c; }
  36% { background-color: #69a94c; }
  48% { background-color: #4ca978; }
  60% { background-color: #4ca2a9; }
  72% { background-color: #4c5ea9; }
  84% { background-color: #764ca9; }
  96% { background-color: #a94c93; }
  100% { background-color: #a94c4c; }
}
@keyframes header_color {
  0% { background-color: #a94c4c; }
  12% { background-color: #a97e4c; }
  24% { background-color: #a9a84c; }
  36% { background-color: #69a94c; }
  48% { background-color: #4ca978; }
  60% { background-color: #4ca2a9; }
  72% { background-color: #4c5ea9; }
  84% { background-color: #764ca9; }
  96% { background-color: #a94c93; }
  100% { background-color: #a94c4c; }
}

Saludos.

muchas gracias me sirvió

 

Temas relacionados

  Asunto / Iniciado por Respuestas Último mensaje
1 Respuestas
300 Vistas
Último mensaje Febrero 04, 2017, 11:42:36 am
por netraxes
3 Respuestas
242 Vistas
Último mensaje Abril 16, 2017, 04:24:26 pm
por Josemy
2 Respuestas
82 Vistas
Último mensaje Agosto 03, 2018, 06:00:48 pm
por NoSoyGenaro
0 Respuestas
32 Vistas
Último mensaje Julio 20, 2018, 11:44:52 pm
por -Kudus
8 Respuestas
88 Vistas
Último mensaje Agosto 01, 2018, 01:38:43 am
por -Kudus