Filteralia image style filters mixer
| 开发者 | masino1967 |
|---|---|
| 更新时间 | 2026年7月21日 21:06 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Filteralia image style filters mixer seamlessly extends the native WordPress Image block by injecting an advanced CSS filter customization panel into the Styles sidebar tab.
Designed specifically for the Site Editor (FSE) and modern block themes, this lightweight plugin operates completely vanilla without any external build-tools, compilation, or tracking. It empowers creators to mix all standard CSS filters in real-time and define how they interact with users.
Key Features
- Full CSS Filter Suite: Fine-tune Blur, Brightness, Contrast, Grayscale, Hue-Rotate, Invert, Opacity, Saturate, and Sepia directly inside Gutenberg.
- Three Interaction Behaviors: Choose between Static Filters (always active), Entrance Dynamic Filters (apply on hover), or Exit Dynamic Filters (remove on hover).
- Smooth Transitions: Custom transition slider to control the fade speed of your hover effects.
- 100% Native & Clean Code: Integrates perfectly with core block attributes using WordPress Hooks API.
安装:
- Upload the
filteralia-image-style-filters-mixerfolder to the/wp-content/plugins/directory. - Activate the plugin through the 'Plugins' menu in WordPress.
- Open any Page, Post, or Template inside the Site Editor.
- Add or select an Image block, navigate to the Styles tab on the right sidebar, and open the "Filteralia CSS Mixer" panel.
屏幕截图:
常见问题:
Does this plugin duplicate images or create new files?
No. It uses 100% pure inline CSS variables and attributes applied directly to the native HTML image markup, keeping your database and media library clean.
Will it slow down my website rendering?
Not at all. The calculations are processed instantly by the user's browser using native hardware-accelerated CSS graphics engines.
更新日志:
1.0.0
- Initial official release.
- Added full CSS filter sliders support.
- Added static, entrance, and exit transition options.