Overview
Glass Effect is a property you can apply to any object from the Appearance Panel. When enabled, it adds Apple’s liquid glass—either regular or clear—so the object refracts background content much like real glass.
For a dynamic glass effect, you can place multiple objects with glass effect inside a Glass Effect Container. Within the container, their shapes can morph together, creating unified shapes.
Glass Properties
Glass
Enable (on) or disable (off) the glass effect.
Once you've turned Glass on, you'll see several other properties.
Style
Set the glass's style to regular (left) or clear (right):
Regular: The object has soft glass edges and a frosted glass body obstructing much of the background.
Clear: The object has glass edges but a more transparent body, showing more of the background.
Interactivity
Choose if the glass effect should remain static (off) or respond visually to user input by growing slightly, shimmering, or otherwise changing its appearance (on).
Tint
Choose an optional tint color. The glass effect will still be visible, even with an 100% opacity tint.
UI Appearance
Set the appearance style to auto, light, or dark mode.
Related Expression Editor Properties
Glass Effect Appearance
object.glassEffectAppearance
The current UI appearance of the glass effect.
Glass Effect Enabled
object.glassEffectEnabled
Returns a boolean value of true if glass effect is enabled.
Glass Effect Is Interactive
object.glassEffectIsInteractive
Returns a boolean value of true if glass effect is interactive.
Glass Effect Style
object.glassEffectStyle
The current style of the glass effect (regular or glass).
Glass Effect Tint Color
object.glassEffectTintColor
The current tint color of the glass effect.