Glass
A frosted or clear glass panel over the layers below.
Glass
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Shapeshape | choice | Rectangle | Rectangle, Circle, Pill |
Widthwidth | number | 42% | 5% to 120% |
Heightheight | number | 32% | 5% to 120% |
Roundingradius | number | 5% | 0% to 50% |
Frostfrost | number | 60% | 0% to 100% |
Bendingrefraction | number | 35% | 0% to 100% |
Tintcolour | colour and alpha | #caecff1f | – |
Edge lightedge | number | 50% | 0% to 100% |
Shadowshadow | number | 35% | 0% to 100% |
From a script
Every setting above can be changed by the scene's logic, by its key. Say the layer is called Glass:
scene.set("Glass", "width", 1.2);scene.animate("Glass", "opacity", 0.5, 2);import { scene } from "motion";scene.set("Glass", "width", 1.2);scene.animate("Glass", "opacity", 0.5, 2);◆On Scene Start
ƒSet Layer SettingTarget is Layer
TargetGlass
Parameter Namewidth
Parameter Value1.2
What every layer has
Besides its own settings, every layer has its opacity, blend, placement, quick effects and an effects stack. They're listed once, on the layers page.
Notes from the community
Written by creators and checked by the docs' editors. Not part of Motion's official reference.