This simple widget allows for quick and simple application of image filters, directly in Muse. Apply a variety of filters on standard or hover states: grayscale, sepia, hue, invert, blur, brightness, contrast, and saturation.
Our Color Filters can be used as a major time-saver for those that use external image processing apps such as Photoshop. Also works great on elements such as text and Google Maps!
Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
Current Version: 1.0
Supported Devices: Desktop, Tablet, Phone
Setup
Drag the widget from the library and drop into your project in Design mode. The widget itself can be placed anywhere. Feel free to keep it off-canvas to save space.
Select the element you wish to apply the filter to.
Apply a graphic style (or paragraph style if working with text) to the element. You can use images, rectangles, text, Google Maps, etc.
Open the widget option panel.
Enter the graphic style name into the Graphic or Paragraph Style field.
Duration: This parameter adjusts the amount of time it takes for the filter transition to take place. The value is in seconds, and decimals may be used, such as 0.7.
Easing Style: This sets the easing type, applied to the transition.
The remaining sections in the widget apply to each filter type. You will find that there is a standard value setting, and a hover setting for each filter. This way, filters can be applied to the "normal" state of an element, the hover state, or both.
For some filters such as Brightness, Contrast, and Saturation, the "normal" value is 100%. These settings may be increased or decreased; such as 50% or 150%.
You may use as many filter instances on the same page as you like. Just make sure to use additional Color Filter widgets, and unique graphic/paragraph styles. Follow the instructions above for each instance.