Descubre si la IA te recomienda

PRUEBA AISLADA

Humo fijo en bottom · asciende

WebGL fragment shader montado como capa position: fixed en el bottom del viewport. Cero color de fondo en el canvas — solo los píxeles del humo tienen alpha. Sea cual sea el contenido detrás, se transparenta.

Haz scroll: la banda no se mueve, el humo sigue ahí abajo del viewport. La transparencia se prueba sobre el cuerpo de texto largo justo debajo.

Bloque de contenido de prueba.

Si el canvas es transparente, este texto debe verse a través del humo cuando se solape con la banda inferior del viewport al hacer scroll.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.

Final del bloque — si todo va bien la banda inferior sigue ahí, fija, con humo subiendo y texto visible a través.