IMAGE FILTER EFFECTS

Image Filter Effects

Published May 2021

    •    Updated January 2026

Plugin details

Apply CSS Image filters to your image elements (Brightness, Contrast, Blur, Opacity, Saturate, Sepia, Graysacle, Hue and Invert).

100% Tested and working on all modern browsers.

Please read the documentation (in the plugin), the Bubble Editor and the example at the Service URL:

Editor, documentation, step-by-step and example:
https://bubble.io/page?type=page&name=image-filter&id=bubble-essential-plugins&tab=tabs-1

Demo page:
https://bubble-essential-plugins.bubbleapps.io/version-test/image-filter?debug_mode=true

Free

For everyone

3.0 stars   •   2 ratings

1.1K installs

This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Renato Asse

Joined 2018   •   65 Plugins

View contributor profile

Instructions

Apply CSS Image filters to your image elements (Brightness, Contrast, Blur, Opacity, Saturate, Sepia, Graysacle, Hue and Invert).

100% Tested and working on all modern browsers.

Please read the documentation (in the plugin), the Bubble Editor and the example at the Service URL:

Editor, documentation, step-by-step and example:
https://bubble.io/page?type=page&name=image-filter&id=bubble-essential-plugins&tab=tabs-1

Demo page:
https://bubble-essential-plugins.bubbleapps.io/version-test/image-filter?debug_mode=true

Types

This plugin can be found under the following types:

Element

Resources

Support contact

Documentation

Tutorial

Rating and reviews

Average rating (3.0)

It doesn't allow multiple filters to a same image

February 14th, 2025

How to save?

May 11th, 2024

Good plugin, but instructions are not clear. How to save the state of the image to the setting we have set? It resets every time I change to a different property.