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 Puntos7750

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.

2votos

JeshuaVs1 comentado

Gracias!, lo intentaré :D

2votos

RafelSanso comentado

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.

0voto

JeshuaVs1 comentado

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

0voto

RafelSanso comentado

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.

0voto

JeshuaVs1 comentado

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.

0voto

JeshuaVs1 comentado

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.

Otras Preguntas y Respuestas


Podcasts WordPress


...
Respuestas WordPress es un espacio de Preguntas y Respuestas entre usuarios WordPress.

Conecta