[WordPress] 外掛分享： Animation Block

內容簡介

這個 WordPress 外掛利用 animate.css 的強大動畫效果，讓 Gutenburg 區塊在進入畫面時自動動畫。

只需要加入一個「動畫區塊」，然後把要使用動畫的區塊放進去即可。

主要特點：

使用 animate.css 動畫庫中的動畫效果。
可以設定延遲及速度。
可控制動畫的頻率。
區塊 z-索引選項。

使用方法

在 YouTube 上觀看使用指南

外掛標籤

開發者團隊

原文外掛簡介

Use the power of animate.css to animate Gutenberg blocks as they enter the viewport.
Just add an Animation Block ► and then put any blocks to be animated into the Animation Block.
Main Features:

Animations from the Animate.css library.
Delay and Speed options.
Control Animation frequency.
Block z-index option.

Usage

View Guide on YouTube

延伸相關外掛

Blocks Animation: CSS Animations for Gutenberg BlocksBlocks Animation 可以讓您以優雅的方式，為所有的 Gutenberg...Greenshift – animation and page builder blocksGreenshift 是一款高效能的 WordPress 動畫與頁面建構外掛，...UiCore Animate – Free Animations, Transitions, and Interactions Addon for Elementor & Gutenberg blocksUiCore Animate 是一款專為 Elementor 和 Gutenberg 區塊設計...Animation Addons for Elementor – GSAP Motion Elementor Addons & Website TemplatesAnimation Addons for Elementor 是一款強大的外掛，專為 Ele...Loading Page with Loading Screen使用 Loading Page with Loading Screen 外掛功能： → 顯示正...Animations for Blocks輕量級插件，可以為塊狀編輯器塊添加額外的檢查器控件，使得...LottieFilesLottieFiles for WordPress 提供您超過 50,000 個免費的 Lott...Ghost Kit – Page Builder Blocks, Motion Effects & ExtensionsGhost Kit 是一款強大的 Gutenberg 區塊擴充外掛，提供豐富的...Maintenance & Coming Soon Redirect Animation這個超輕量的外掛主要是為開發人員、設計師和網站管理員而設...Better Block Editor (BBE)Better Block Editor (BBE) 是一款增強 WordPress Block Edit...Animentor – Lottie & Bodymovin for Elementor這是一個非官方的 WordPress 外掛，可在 Elementor 頁面建構...Animated HeadlineAnimated Headline 是一個使用簡碼展示帶有動畫效果標題文字...Animate on Scroll使用熱門的 AOS JS 庫，透過新增 class names 完成任何元素的...LottieFiles – JSON Based Animation Lottie & Bodymovin for Elementor這是一個 Elementor 外掛，可使用 Lottie 動畫將創意佈局應用...AOS Animation for SiteOrigin Page Builder此插件可為 SiteOrigin Page Builder 中的任何小工具和行添加...