
內容簡介
總結:TZM區塊滾動動畫外掛可讓您透過乾淨且表現力十足的滾動驅動效果,讓區塊活靈活現。在古騰堡編輯器中只需幾秒鐘,即可直接為屬性如位置、比例、旋轉、不透明度等新增動畫效果。
問題與答案:
1. TZM區塊滾動動畫能幫助您實現什麼效果?
- 透過乾淨且表現力十足的滾動驅動效果,使您的區塊生動起來。
2. 如何在Gutenberg編輯器中為區塊添加動畫?
- 您可以在Gutenberg編輯器中直接操作,在幾秒鐘內為區塊的位置、比例、旋轉、不透明度等屬性添加動畫效果。
3. 這個外掛的特點有哪些?
- 動畫編輯器:無需編碼或腳本知識,只需幾個點擊即可設置引人注目的滾動動畫。
- 基於開始/結束的動畫:使用簡單的開始-結束值工作流程,動畫行為易於預測,可實現移動、旋轉、比例、不透明度、灰度和模糊的動畫。
- 可定制的時間軸範圍:使用區塊選擇或自定義CSS選擇器定義驅動動畫的滾動段,實現最大靈活性。
- 集成響應控件:為桌面、筆記型電腦、平板電腦和手機分別分配不同的動畫設置。
- 引入曲線:使用非線性緩動增加精緻度,調整動畫沿滾動時間軸展開的方式。
外掛標籤
開發者團隊
原文外掛簡介
TZM Block Scroll Animations helps you bring your blocks to life by adding clean, expressive scroll-driven motion effects. Animate properties such as position, scale, rotation, opacity, and more — all directly within the Gutenberg Editor in just a few seconds.
Features
Animation Editor: A clean and straightforward interface that requires no coding or scripting knowledge. Set up eye-catching scroll-based animations in just a few clicks.
Start/End-Based Animations: Animate movement, rotation, scaling, opacity, grayscale, and blur using a simple, start-to-end value workflow that keeps animation behavior predictable.
Customizable Timeline Range: Define the scroll segment that drives the animation using block selection or custom CSS selectors for maximum flexibility.
Integrated Responsive Controls: Assign different animation settings for desktop, laptop, tablet, and phone independently.
Easing Curves: Add extra refinement by using non-linear easing to adjust how animations unfold along the scroll timeline.
Source Code
The source code for TZM Block Scroll Animations is available on GitHub!
Follow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community.
View on GitHub
