Source Class of Output
Through the Source Tab, you can enable the ClassOutput functionality, this allows to apply the following effects:
- SVG ImageMask;
- SVG Distortion;
to any other widget on the page. In order to do this, you need to ascribe the class indicated in the options panel on Elementor.
NB: Source can be used with static trigger, not with animation, rollover or scroll.
How to apply the Class
Write in the CSS Classes field of the Advanced Tab - the one with the gear icon - the name of the output class indicated by the SVG Source widget.
This feature guarantees nice results with the following Elementor basic widgets:
This is a DEMO showing the widgets.
- Chrome: Partially
- Firefox: OK
- Safari: Partially
- Edge: Partially