← Lab · Transiciones de página
La idea de glimm.dev, reconstruida en vanilla porque este sitio no es React: una banda de gradiente coseno cruza la pantalla al navegar, en la paleta de la casa. En un sitio multipágina el barrido se parte en dos mitades (cubrir, navegar, revelar) y como el relleno es del mismo negro del fondo, el corte queda invisible.
<script src="/transicion.js"></script> temprano en el body.
Todos los enlaces internos quedan interceptados; uno se excluye con
data-sin-transicion. Ya está puesto en el landing, en /entrar y en el
índice del lab.
Ajustes por página, antes del script:
window.VL_TRANSICION = { dur, ancho, angulo, paleta }. La paleta es
coseno {a,b,c,d}, el mismo formato de glimm.
Con prefers-reduced-motion no hay barrido: navegación normal.