內容簡介
這是一個 WordPress 外掛，可以為 SiteOrigin PageBuilder 新增動畫功能
總覽
只需幾行簡單的語句即可在 SiteOrigin PageBuilder 上新增動畫效果
安裝說明
將 `s2-animate-siteorigin-pagebuilder` 資料夾上傳至 `/wp-content/plugins/` 目錄中
透過 WordPress 的「外掛」選單啟用外掛
使用說明
新增一個 SiteOrigin 面板
進入面板的屬性設定
找到 `Data Sr` 欄位
插入指令
指令範例
等待 3 秒後從上方進入
縮小 10%，以 ease-in-out 方式移動 4100 像素
從下方進入，旋轉 45 度，持續 2 秒
向右移動 16 像素，放大 20%，持續 2 秒
等待 2.5 秒，以 ease-in-out 方式移動 100 像素
從左方進入，搖晃 20 像素
不透明度 0.5
旋轉 15 度
旋轉 180 度
翻轉 45 度
持續 0.6 秒
可用動畫速率：
ease
ease-in
ease-in-out
ease-out
hustle
外掛標籤
開發者團隊
原文外掛簡介
WordPress plugin to add animation abilities to SiteOrigin PageBuilder
Overview
With a few simple statements add animation capability to your SiteOrigin PageBuilder
Installation Instructions
Upload s2-animate-siteorigin-pagebuilder' folder to the/wp-content/plugins/` directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Usages
Add a siteorigin panel
Goto the attributes of the panel
Locate Data Sr
Insert commands
Commands examples
wait 3s enter top
scale down 10% ease-in-out 4100px
enter bottom, roll 45deg, over 2s
move 16px scale up 20%, over 2s
wait 2.5s, ease-in-out 100px
enter left, hustle 20px
opacity 0.5
roll 15deg
spin 180deg
flip 45deg
over 0.6s
You can use ease
ease
ease-in
ease-in-out
ease-out
hustle