Problema con Transition
Publicado por Lucas (1 intervención) el 05/06/2017 03:54:25
Hola, como andan?
Bueno mi duda es muy simple, estoy haciendo un proyecto como final para mi universidad y tengo un pequeño problema en una decoracion..
Lo que quiero es que al arrancar la paginame cambie del color negro, al color de pagina que yo desee, (color de fondo) , para esto uso un script en JS y JQ donde le saco la clase ''oscuro'' que tiene el color de fondo negro, y le agrego la clase ''color'' con el color que quiero.
Dentro de la clase color tengo un transition de 2 segundos, y como esto quiero que lo haga al incio de la pagina, osea cuando carga, le asigno a :
hasta aca todo bien, el problema es que la transicion la hace mal.. digamos, si yo muevo el mouse sobre la pagina cuando deberia ejecutar la transicion, la hace de maravilla, pero si el mouse esta quieto, queda la pantalla en negro por 2 segundos y despues aparece el color de reppente...
Que puedo hacer para esto?
Bueno mi duda es muy simple, estoy haciendo un proyecto como final para mi universidad y tengo un pequeño problema en una decoracion..
Lo que quiero es que al arrancar la paginame cambie del color negro, al color de pagina que yo desee, (color de fondo) , para esto uso un script en JS y JQ donde le saco la clase ''oscuro'' que tiene el color de fondo negro, y le agrego la clase ''color'' con el color que quiero.
Dentro de la clase color tengo un transition de 2 segundos, y como esto quiero que lo haga al incio de la pagina, osea cuando carga, le asigno a :
1
2
3
4
window.onload = function() {
$("body").removeClass("Oscuro");
$("body").addClass("Color");
}1
2
3
4
.Color {
background-color: #f44336;
transition: 2s; }Que puedo hacer para esto?
Valora esta pregunta
0