Producción audiovisual
Historias que se ven y se escuchan
Este navegador no pudo iniciar WebGL 2, que es lo que necesitan los shaders. Pruebe con Chrome, Edge, Firefox o Safari actualizados.
Su sistema pide reducir el movimiento, así que la vista previa empieza en pausa. En el sitio, el fondo también queda fijo para quien tenga esa preferencia.
Llevarlo a Webflow
- En el Designer, seleccione el Div que hará de fondo. Debe tener posición absolute en 0 por los cuatro lados dentro de un contenedor con posición relative.
- Abra Element settings → Custom attributes y agregue estos atributos.
- Publique para verlo. El código personalizado no corre en el canvas del Designer.
data-shader
data-shader-params
Con los valores base no hace falta data-shader-params.
Pegue esto en un elemento Code Embed dentro del contenedor. El contenedor necesita posición relative; si tiene esquinas redondeadas o es un círculo, también overflow hidden.
Se pega una sola vez en Site settings → Custom code → Footer code, en lugar del script anterior de grain-gradient. Sirve para los 20 shaders y para todos los fondos que agregue después.
Para retocar un fondo que ya está en el sitio, pegue aquí su Code Embed, sus atributos o solo el JSON de data-shader-params.