Title: Glass Act – Backdrop Filters for Blocks
Author: Job
Published: <strong>29 اکتبر 2026</strong>
Last modified: 29 اکتبر 2026

---

جستجوی افزونه‌ها

![](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

 توسط [Job](https://profiles.wordpress.org/jobthomas/)

[دانلود](https://downloads.wordpress.org/plugin/glass-act.1.0.0.zip)

 * [جزئیات](https://fa.wordpress.org/plugins/glass-act/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/glass-act/#reviews)
 *  [نصب](https://fa.wordpress.org/plugins/glass-act/#installation)
 * [توسعه](https://fa.wordpress.org/plugins/glass-act/#developers)

 [پشتیبانی](https://wordpress.org/support/plugin/glass-act/)

## توضیحات

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`).

## عکس‌های صفحه

[⌊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%)`.

## نصب

 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.

## سوالات متداول

### 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.

## نقد و بررسی‌ها

نقد و بررسی‌ای برای این افزونه یافت نشد.

## توسعه دهندگان و همکاران

“Glass Act – Backdrop Filters for Blocks” نرم افزار متن باز است. افراد زیر در این
افزونه مشارکت کرده‌اند.

مشارکت کنندگان

 *   [ Job ](https://profiles.wordpress.org/jobthomas/)

[ترجمه “Glass Act – Backdrop Filters for Blocks” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/glass-act)

### علاقه‌ مند به توسعه هستید؟

[کد را مرور کنید](https://plugins.trac.wordpress.org/browser/glass-act/)، [مخزن SVN](https://plugins.svn.wordpress.org/glass-act/)
را بررسی کنید، یا از طریق [RSS](https://plugins.trac.wordpress.org/log/glass-act/?limit=100&mode=stop_on_copy&format=rss)
در [گزارش توسعه](https://plugins.trac.wordpress.org/log/glass-act/) مشترک شوید.

## گزارش تغییرات

#### 1.0.0

 * First release.

## اطلاعات

 *  نگارش **1.0.0**
 *  آخرین به‌روزرسانی **1 روز پیش**
 *  نصب‌های فعال **کمتر از 10**
 *  نگارش وردپرس ** 6.6 یا بالاتر **
 *  آزمایش‌شده تا **7.1.4**
 *  نگارش PHP ** 7.4 یا بالاتر **
 *  زبان
 * [English (US)](https://wordpress.org/plugins/glass-act/)
 * برچسب
 * [backdrop-filter](https://fa.wordpress.org/plugins/tags/backdrop-filter/)[background](https://fa.wordpress.org/plugins/tags/background/)
   [block-editor](https://fa.wordpress.org/plugins/tags/block-editor/)[blur](https://fa.wordpress.org/plugins/tags/blur/)
   [glassmorphism](https://fa.wordpress.org/plugins/tags/glassmorphism/)
 *  [نمایش پیشرفته](https://fa.wordpress.org/plugins/glass-act/advanced/)

## امتیازها

هنوز هیچ نقدی ارسال نشده است.

[بررسی شما](https://wordpress.org/support/plugin/glass-act/reviews/#new-post)

[مشاهدهٔ همهٔ بررسی‌ها](https://wordpress.org/support/plugin/glass-act/reviews/)

## مشارکت کنندگان

 *   [ Job ](https://profiles.wordpress.org/jobthomas/)

## پشتیبانی

چیزی برای گفتن دارید؟ نیاز به کمک دارید؟

 [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/glass-act/)