video1.0<iframe src="https://www.loom.com/embed/12ff14bb78c34fd99ceab8c4842e6212" frameborder="0" width="1920" height="1440" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>14401920Loomhttps://www.loom.com14401920https://cdn.loom.com/sessions/thumbnails/12ff14bb78c34fd99ceab8c4842e6212-2ed2e68624ee0acf.gif123.84This Loom explains how the creator implemented a modern red glass effect and shader-based visuals for an upcoming Webflow website. They describe designing the logo and using the same red glass aesthetic across the site, including workshop-style photo filters, on-scroll animations, and line animations in the footer. To generate background assets, they used AI to create hundreds of backgrounds and used WonderApp to explore and export shader effects, arriving at the final one by setting colors and assets. They then embedded static JPEG versions of the visuals into the Webflow site to avoid making it interactive due to existing on-scroll animation work.