Hover Blur logo

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 logo
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:

Categories

This plugin can be found under the following categories:
Productivity   •   Web Scraping   •   Containers   •   Image   •   Media   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble