HOVER BLUR

Hover Blur

Published May 2025

    •    Updated January 2026

Plugin details

This Bubble.io plugin creates dynamic hover blur effects that automatically blur elements when users hover over them. It targets elements by ID and applies customizable blur intensity with smooth transition animations, perfect for image galleries, focus effects, and interactive UI elements.

Features
🔥 Global element targeting by ID with automatic detection
🔥 Customizable blur intensity in pixels for subtle or dramatic effects
🔥 Smooth transition animations with configurable duration
🔥 Dynamic element detection for elements that load after the plugin

Need a new app or redesign?  
Check us out at TinyBuild Studio  

Want to enhance your Bubble.io apps?  
Check out TinyUIKit

Free

For everyone

 stars   •   0 ratings

12 installs  

This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Paul

Joined 2020   •   25 Plugins

View contributor profile

Instructions

1️⃣ Install the "Hover Blur" plugin into your Bubble app from the plugins marketplace.
2️⃣ Drag and drop the "Hover Blur" element onto your desired page.
3️⃣ In the plugin's properties, enter the Element ID of your target element, set blur intensity (pixels), and transition duration (milliseconds).
4️⃣ The plugin automatically applies blur effects when users hover over your target element.

You can see how the plugin is being used here:
https://bubble.io/page?id=tiny-hover-blur&tab=Design&name=index

Types

This plugin can be found under the following types:

Element

Resources

Support contact

Documentation

Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.

Product

Bubble for

Discover

Learn

Resources

Community

Company

Legal

Hover Blur

Plugin details

Free

For everyone

Other actions

Platform

Contributor details

Instructions

Types

Categories

Resources

Rating and reviews

No reviews yet