Hacer Pregunta

Conecta

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.

preguntó
1000 Vistas
1 Respuestas
abierta

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.

por JeshuaVs1 (1.350 puntos)

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.

por Peter (7.750 puntos)

2votos

JeshuaVs1 comentado

Gracias!, lo intentaré :D

por JeshuaVs1 (1.350 puntos)

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.

por RafelSanso (3.030 puntos)

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

por JeshuaVs1 (1.350 puntos)

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.

por RafelSanso (3.030 puntos)

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.

por JeshuaVs1 (1.350 puntos)

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 JeshuaVs1 (1.350 puntos)

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

Otras Preguntas y Respuestas


Sin Respuesta

Preguntas relacionadas

Podcasts WordPress


Actividad Reciente

Ultimas Preguntas

Ultimos Comentarios

Ultimas Respuestas

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

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

Etiquetas

Conecta