Quick start:
1. Drag the GlassfPanel element onto your page (or place it in a small / hidden corner if you only want it to drive styling on other elements).
2. Pick an Effect type: Glassmorphic, Liquid glass, or Progressive blur.
3. Adjust the controls for the chosen effect (blur amount, tint, refraction, progressive start/end, etc.).

Applying to existing elements:
- Give one or more of your own elements the same HTML ID attribute (e.g. glassPanel) under Appearance > ID Attribute.
- Enter that ID in the Target element ID field. Glassfusion will style ALL elements sharing that ID.
- You can target multiple selectors at once with a comma-separated list, e.g.  glassPanel, .heroCards, #navbar  (bare word = ID or class, .class / #id / [attr] = CSS selector).
- When a target is set, the GlassPanel element itself stays invisible and only carries the settings.

Tips:
- Glass effects only show when there is content BEHIND the element, so place it over images or coloured backgrounds.
- Set width and height from the element's Layout tab.
- For best results enable HTML ID attributes in Settings > General of your Bubble app.