Add new group control for the CSS filter property #3260
Labels
status/merged
Indicates when a Pull Request has been merged to a Release.
type/developer-api
Indicates when a topic is related to the Developer API and Documentation.
Milestone
Description
Elementor has a wide range of controls used in by all king of widgets. Let's add another one.
A new group control that will allow the user to defines visual effects (like blur, grayscale, brightness, contrast and more) to an element - usually an image of a video.
CSS
filter
propertyThe filter property has a very good support by modern browsers - https://caniuse.com/#feat=css-filters
See filter examples - http://bennettfeely.com/filters/
See filter info - https://www.html5rocks.com/en/tutorials/filters/understanding-css/
See filter usage - https://www.w3schools.com/cssref/css3_pr_filter.asp
Grayscale usage:
Multiple effects:
Group_Control_Filter
I was thinking it could be a popup like
Group_Control_Text_Shadow
andGroup_Control_Box_Shadow
.It will have set of individual controls for each and every filter effect. Most of them will be sliders...
Widgets that use images can add this control to the style tab to alter the image using browser effects supported by CSS.
The text was updated successfully, but these errors were encountered: