Overlays in Anvil (Layers - Stacking HTML on top of other HTML /WebGL)

Anvil Q&A
1

Hi All

I need to get some kind of “layering going” - like Photoshop layers. Overlays. Playing with the Z-index. See theses two examples:

  1. http://learnwebgl.brown37.net/11_advanced_rendering/overlays.html

  2. https://webglfundamentals.org/webgl/lessons/webgl-text-html.html

I know I can get this effect with CSS, or by applying roles. In Anvil designer, I could swap out content panels, and apply roles or adjust the z-index value. Of course, this way you cant visually see how things might look on top of each other i.e. how they will stack.

The other way I can see doing this is using an XY panel. Although once you put components on the xy panel, I see there’s no way to reorder. And in an XY panel, I’m not sure how the flow of elements works just yet

Could I ask fellow Anvilians the best way to go about implementing the examples in the link above? Or how would ypu go about this? Or how have you?

Thx!!