The Glassmorphism extension allows you to create stunning glass-like effects on sections, columns, and widgets in Elementor. This extension leverages the backdrop filter property in CSS to produce a frosted glass effect, enhancing the visual appeal of your designs.
Activate the extension
This extension is part of the Premium version of the aThemes Addons for Elementor plugin. To activate it, go to your admin area, visit the aThemes Addons dashboard, search for the extension and click on the switch to activate it. It will now be available in your Elementor interface.
Usage
Enabling Glassmorphism
- Edit the Section, Column, or Widget: Go to the Elementor editor and select the section, column, or widget you want to apply the effect to.
- Access the Advanced Tab: Click on the Advanced tab in the Elementor panel.
- Enable Glassmorphism: Toggle the Enable switch under the Glassmorphism section to apply the effect.
Configuration Options
Once you enable the Glassmorphism effect, you can customize the following options:
- Blur: Adjust the intensity of the blur effect.
- Type: Number
- Range: 0 to 20 (default is 5)
- Step: 0.5
- Grayscale: Modify the grayscale effect applied to the background.
- Type: Number
- Range: 0% to 100% (default is 0%)
- Step: 1