The glass effect in Jitter lets you simulate realistic glass on any element. You can apply it as a static finish in the Design tab or bring it to life as an animation in the Animate tab.
Applying a glass effect
Select the layer you'd like to apply the effect to
In the property panel, go to the Design tab and scroll to find Glass
Adjust the effect controls:
Refraction to control how much the glass bends what's behind it
Depth to give the glass a sense of physical thickness
Dispersion to introduce chromatic color separation at the edges
Frost to blur the glass surface, creating a frosted or diffused look
Light intensity and Light angle to control the position and strength of the glass highlight.
Blend to mix the glass effect with the element's original appearance.
✏️ Note: The glass effect works best with shapes placed over a non-transparent background.
Animating a glass effect
Select your layer and switch to the Animate tab in the property panel
Click Add animation → Custom → Glass
Set your Initial values for each glass property to determine where the animation starts
Set your Target values to determine where the animation ends up after it plays
Adjust Duration and Easing to control how the transition feels
💡 Tip: For smooth, realistic transitions, try animating Refraction and Frost together with a gentle ease-in-out, and keep Dispersion subtle to prevent the effect from looking too distorted in motion.