HTML - Problema con Transition

   
Vista:

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 :

1
2
3
4
window.onload = function() {
      		$("body").removeClass("Oscuro");
      		$("body").addClass("Color");
      	}

1
2
3
4
.Color {
     background-color: #f44336;
      transition: 2s;
 }
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?
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Revisar política de publicidad