Title: Glass Act – Backdrop Filters for Blocks Author: Job Published: October 29, 2026 Last modified: October 29, 2026 --- Search plugins ![](https://ps.w.org/glass-act/assets/banner-772x250.png?rev=3772700) ![](https://ps.w.org/glass-act/assets/icon-256x256.png?rev=3772700) # Glass Act – Backdrop Filters for Blocks By [Job](https://profiles.wordpress.org/jobthomas/) [Download](https://downloads.wordpress.org/plugin/glass-act.1.0.0.zip) * [Details](https://wordpress.org/plugins/glass-act/#description) * [Reviews](https://wordpress.org/plugins/glass-act/#reviews) * [Installation](https://wordpress.org/plugins/glass-act/#installation) * [Development](https://wordpress.org/plugins/glass-act/#developers) [Support](https://wordpress.org/support/plugin/glass-act/) ## Description Select a block that sits on top of something, such as a cover image, a photo or scrolling content. Pick a **Backdrop filter** just below its background color setting and set the amount. Whatever is behind the block gets filtered, giving frosted glass, dimmed, black-and-white or tinted looks. The block doesn’t need a background color of its own. Leave it empty to see the filter on its own, or add a semi-transparent color to tint it. Filters: Blur, Brightness, Contrast, Grayscale, Hue, Invert, Saturation and Sepia. * Works on every block with a background color setting, such as Group, Columns, Buttons, Quote and Search. * Previews live in the editor. * Adds the style when the page renders and saves nothing extra into your post content. If you deactivate the plugin, your blocks stay valid and simply lose the filter. * No settings page, no front-end scripts, no data stored. Blocks that already support backdrop filters natively are left alone. Theme presets referenced as `var:preset|backdrop-filter|{slug}` are rendered too. Source code and issues: [github.com/jobthomas/glass-act](https://github.com/jobthomas/glass-act). The editor script in `build/` is minified; its unminified source is in `src/` in that repository, built with `@wordpress/scripts` (`npm install && npm run build`). ## Screenshots [⌊The Backdrop filter setting sits right below the background color. Pick an effect, then set the amount.⌉⌊The Backdrop filter setting sits right below the background color. Pick an effect, then set the amount.⌉[ The Backdrop filter setting sits right below the background color. Pick an effect, then set the amount. [⌊Blur, blur(50px).⌉⌊Blur, blur(50px).⌉[ Blur, `blur(50px)`. [⌊Brightness, brightness(200%).⌉⌊Brightness, brightness(200%).⌉[ Brightness, `brightness(200%)`. [⌊Contrast, contrast(200%).⌉⌊Contrast, contrast(200%).⌉[ Contrast, `contrast(200%)`. [⌊Grayscale, grayscale(100%).⌉⌊Grayscale, grayscale(100%).⌉[ Grayscale, `grayscale(100%)`. [⌊Hue, hue-rotate(180deg). Halfway round the color wheel; a full 360deg turn looks the same as none.⌉⌊Hue, hue-rotate(180deg). Halfway round the color wheel; a full 360deg turn looks the same as none.⌉[ Hue, `hue-rotate(180deg)`. Halfway round the color wheel; a full 360deg turn looks the same as none. [⌊Invert, invert(100%).⌉⌊Invert, invert(100%).⌉[ Invert, `invert(100%)`. [⌊Saturation, saturate(300%).⌉⌊Saturation, saturate(300%).⌉[ Saturation, `saturate(300%)`. [⌊Sepia, sepia(100%).⌉⌊Sepia, sepia(100%).⌉[ Sepia, `sepia(100%)`. ## Installation 1. Install from Plugins Add New, or upload the plugin folder to `/wp-content/plugins/`. 2. Activate it. 3. Select a block that sits on top of an image or other content, then choose a **Backdrop filter** and amount just below its background color setting. ## FAQ ### I picked a filter but nothing changes A backdrop filter changes what is visible behind the block, so something has to sit behind it, such as a cover image or a photo. A fully opaque background color also hides the effect: leave the background empty or make it semi-transparent. ### Does it work in every browser? It uses the CSS `backdrop-filter` property, which current versions of Chrome, Edge, Firefox and Safari support. Browsers without support show the block without the filter. ### Can filters be heavy on performance? Large blur values on big areas can cost rendering time on low-powered devices. Blur values up to about 20px are usually plenty. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Glass Act – Backdrop Filters for Blocks” is open source software. The following people have contributed to this plugin. Contributors * [ Job ](https://profiles.wordpress.org/jobthomas/) [Translate “Glass Act – Backdrop Filters for Blocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/glass-act) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/glass-act/), check out the [SVN repository](https://plugins.svn.wordpress.org/glass-act/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/glass-act/) by [RSS](https://plugins.trac.wordpress.org/log/glass-act/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * First release. ## Meta * Version **1.0.0** * Last updated **1 day ago** * Active installations **Fewer than 10** * WordPress version ** 6.6 or higher ** * Tested up to **7.1.4** * PHP version ** 7.4 or higher ** * Tags * [backdrop-filter](https://wordpress.org/plugins/tags/backdrop-filter/)[background](https://wordpress.org/plugins/tags/background/) [block-editor](https://wordpress.org/plugins/tags/block-editor/)[blur](https://wordpress.org/plugins/tags/blur/) [glassmorphism](https://wordpress.org/plugins/tags/glassmorphism/) * [Advanced View](https://wordpress.org/plugins/glass-act/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/glass-act/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/glass-act/reviews/) ## Contributors * [ Job ](https://profiles.wordpress.org/jobthomas/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/glass-act/)