Transiciones tardías

iEnrique · #1 (**permalink**) 29/06/2013, 09:50

Bueno, estoy enredando con las transiciones pero al hacer una transición, lo hace después de haber cargado la página por lo que se ve todo y después hace el movimiento. ¿No se puede hacer para que una vez cargada la web se haga el movimiento y evitar eso?

Muchas gracias espero vuestras respuestas

.

pzin · #2 (**permalink**) 29/06/2013, 10:30

Si se puede hacer, pero no con CSS. Tendrás que usar JavaScript. Por ejemplo, puedes añadirle una clase al elemento body que sobreescriba cualquier transición, y una vez cargada la página eliminar esa clase.

Una clase en body:

Código HTML:

Ver original<body class="desactivar_animaciones">

Sobreescribir transiciones:

Código CSS:

Ver original.desactivar_animaciones * {
  transition: none !important;
}

Y una vez cargada la página, simplemente eliminas esa clase de body:

Código Javascript:

Ver originalfunction animar() {
  document.body.className = ''
}
window.onload = animar

Y como siempre digo para cubrirme las espaldas, de JavaScript no sé mucho.

iEnrique · #3 (**permalink**) 30/06/2013, 08:10

Cita:

Iniciado por pzin