Anticode
  • Welcome to Anticode
  • Templates
    • Bubble - Startup Landing Page
    • Bubble - Directory/Listings Template
    • Bubble - Job Board/Search Template
    • Bubble - Product Sales Funnel Template
    • Bubble - Quiz Creator Template
    • Bubble - Meetup/Events Template
    • Bubble - All-in-one Template
  • Plugins
    • Bubble - Financial Data (Stocks, Forex etc.)
    • Bubble - Words API Plugin
    • Bubble Web Search Plugin
    • Bubble ColorTag API Plugin
    • Bubble - Loading Spinners
    • Bubble - Animations Plugin
    • Bubble - Shaking Animation
    • Bubble - Dot Spinners
    • Bubble - Button Effects on Hover
    • Bubble - Beautiful Spinners Plugin
    • Bubble - Clock Plugin
    • Bubble - Credit Card Validator Plugin
    • Bubble - Detect User Plugin
    • Bubble - Full-Screen Loading Animation Plugin
    • Bubble - Image Zoom on Hover Plugin
    • Bubble - Particles Animation
    • Bubble - Pattern Lock Plugin
    • Bubble - Foldable Elements Plugin
    • Bubble - Modify Favicon
    • Bubble - Elevator Scroll
    • Bubble - Image Zoomer Plugin
    • Bubble - Loading Overlay Plugin
    • Bubble - Detect Inactivity Plugin
    • Bubble - Blur Elements Plugin
    • Bubble - Simple Text to Speech
    • Bubble - Custom Cursor Plugin
    • Bubble - Transform and Translate Elements
    • Bubble - Animated Shapes Plugin
    • Bubble - Simple HTML Audio Player
    • Bubble - Click Bubbles Plugin
    • Bubble - iOS Style Spinner
    • Bubble - iOS Style Notifications
    • Bubble - Dynamic Page Title
    • Bubble - Focus Elements Plugin
    • Bubble- Confetti Animation Plugin
    • Bubble - Simple Loading Spinner
    • Bubble - Share Text Plugin
    • Bubble - Emoji Ratings Plugin
    • Bubble - Prevent Duplicate Windows/Tabs Plugin
    • Bubble - Highlight Text Plugin
    • Bubble - Browser Cookies Plugin
    • Bubble - Percentage Circles Plugin
    • Bubble - Analog Clock Plugin
    • Bubble - Loading Game Plugin
    • Bubble - Image Filters Plugin
    • Bubble - Local Push Notifications Plugin
    • Bubble - Number Counter Plugin
Powered by GitBook
On this page
  • Overview
  • Instructions
  1. Plugins

Bubble - Image Filters Plugin

PreviousBubble - Loading Game PluginNextBubble - Local Push Notifications Plugin

Last updated 5 years ago

Overview

This plugin allows you to add 7 different filters/modifications to your images. Filters include:

  • Sepia

  • Brightness

  • Contrast

  • Color

  • Grayscale

  • Saturation

  • Blur

You can either apply the effect to existing image elements using an element action, or use the "Image with Filter" element to add an image with a filter directly.

For a demo of this plugin please visit:

Instructions

After installing this plugin you have access to two elements:

  • Filter

  • Go to Settings->General of your app and expose the option to add id attributes to html elements

  • Drag the "Filter" element onto your page.

  • Add an image to your page and enter an ID attribute in the element inspector of your image

  • Trigger a filter effect within one of your workflows. You can choose one of the 7 filters and specify the strength of the effect. Enter the same element id that you used for the image you want to target in step 3.

  • Image with Filter

  • Drag the "Image with Filter" element onto your page. Upload an image or choose a dynamic image that should be used. Resize your element according to your requirements.

  • Choose which filter should be applied using the dropdown in the element inspector.

  • Specify the strength of the effect for the filter you choose. The values in the other field will be ignored.

https://anticodeplugin.bubbleapps.io/imagefilter