Respuestas WordPress

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Como hacer una transición de color de fondo.

Hola quiero saber como hacer una transición de color de fondo de alguna sección de mi web cuando paso el scroll por ella, por ejemplo: http://bitsens.com/ cuando esta en la sección de trabajos hechos.

1 Respuesta

2votos

Peter Puntos4850

La forma de hacerlo es con jQuery y CSS, que te permite tener los parámetros que quieras en la sección que quieras de tu web y que lo haga exactamente como el ejemplo que pones, pero tienes que hacerlo tu.

Otra opción es ver si te funciona algún plugin como Animate It!. Esto dependerá de tu instalación, tu tema, la estructura, etc...

Saludos.

JeshuaVs1 comentado May 30, 2017

Gracias!, lo intentaré :D

RafelSanso comentado May 30, 2017

Otra forma muy sencilla es con CSS. Gracias a las transiciones, puedes ir pasando de un color a otro de forma muy sencilla. Por ejemplo, añadiendo o quitando una clase al body:

/* CSS */
body {
   background-color: #ffffff;
   transition: background-color 1s;
}
body.red {
    background-color: #ff0000;
}
body.blue {
    background-color: #ff0000;
}

Luego solo tendrías que crear una función de javascript que según el evento que quieras, añada o quita esas clases al body. Por ejemplo, con botones.

JeshuaVs1 comentado May 31, 2017

Mmm ok, entiendo los de animaciones y transiciones CSS3. Pero como puedo hacer que se repita cada vez que pase con scroll en determinados offset. Es como el ejemplo: http://bitsens.com/ Gracias por colaborar :D

RafelSanso comentado May 31, 2017

Esto lo puedes conseguir uniendo la parte de los CSS que te comenté y el plugin fullPage de jQuery: https://alvarotrigo.com/fullPage/
En el ejemplo de este plugin, al pasar de una sección a otra cambia el color del fondo. Pero es porque cada sección es un div de color diferente. Si en vez de hacer esto, haces todas las secciones transparentes, y controlas el evento que indica que cambias de sección, ahí puedes añadir la clase del color activo.

JeshuaVs1 comentado May 31, 2017

Que me dices de suar jQuery.Waypoints, estoy intentando implementarlo pero no logro ahcer el efecto, no se si no he vinculado bien el script.

JeshuaVs1 comentado May 31, 2017

Osea, la cosa es, estoy usando BeTheme y este tema permite añadir custom JS y CSS. Pero como que el JS no me lo acepta cuando pongo el jQuery y so que pongo el código jQuery dentro de: jQuery(function($){ MI CÓDIGO EJ: $('#idfu').addClass('fac'); });

Por favor, accede o regístrate para responder a esta pregunta.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Otras Preguntas y Respuestas


Podcasts WordPress


Actividad Reciente

  • jfk851 ganó una medalla Dic 11

    Humano Verificado - Verificó su email
  • jfk851 ganó una medalla Dic 11

    Club de los 100 - Recibió un total de 100 puntos
  • fftty138 ganó una medalla Dic 10

    Club de los 100 - Recibió un total de 100 puntos
  • dsfsfb1 compartió en su muro Dic 6

    Die cast aluminum squa
  • dsfsfb1 ganó una medalla Dic 6

    Humano Verificado - Verificó su email
...
Respuestas WordPress es un espacio de Preguntas y Respuestas entre usuarios WordPress.

Conecta