MARKETPLACE
PLUGINS
RIPPLE EFFECT
Ripple Effect logo

Ripple Effect

Published March 2023
   •    Updated this week

Plugin details

❇️ Add interactivity and dynamism to your projects with this versatile plugin that allows you to apply a fully customizable ripple effect to your elements (buttons, icons, shapes, groups, repeating groups, text, etc.), including gradient ripple effect.

💻 Demo and documentation page:
https://codex-plugins.bubbleapps.io/version-test/ripple-effect

🔗 Editor page:
https://bubble.io/page?type=page&name=ripple-effect&id=codex-plugins&tab=tabs-1

$20

One time  •  Or  $5/mo

stars   •   0 ratings
4 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Galde C. Silvestre logo
Galde C. Silvestre
Joined 2021   •   9 Plugins
View contributor profile

Instructions

⚙️ All settings have a detailed explanation in the plugin itself, but, in short, just follow the steps bellow:

1️⃣ - In Bubble's development environment, go to the tab ("Settings" > "General" > "General Appearance" or "Advanced Options" for versions above 22) and check the box that exposes the option to add an ID to HTML elements;

2️⃣ - Assign an ID to the element you want to add the ripple effect;

3️⃣ - Insert the "Ripple Effect" element anywhere on the page;

4️⃣ - Indicate the ID assigned to the element in step 2;

5️⃣ - Set the color (allows 1 color or up to 3 color gradients), initial opacity, animation time, and ripple diameter settings.


And that's it, enjoy!

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   •   Mobile   •   Containers   •   Image   •   Media   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble