內容簡介
基於 Motion UI by ZURB 的 Motion WordPress 外掛 – 一個使用 Sass 建立 CSS 轉場和動畫的庫。
為 WordPress 文章、頁面和小工具提供了友善的 CSS3 動畫解決方案。
Motion 示範
部分關鍵功能包括：
CSS 動畫
CSS 轉場
允許用戶在 WordPress 文章、頁面和小工具上應用 CSS3 動畫
基於 wow.js 的滾動動畫
不同滾動偏移的個別動畫區塊
延遲以創建美好的動畫序列
動畫持續時間
啟用或禁用行動裝置上的動畫
啟用或禁用頁面上新元素的檢查
自訂方塊類別設置
自訂動畫類別設置
自訂 CSS 設置
允許用戶在 WordPress 小工具上應用動畫
所有 CSS3 動畫都來自於 Motion UI
WOW.js 來自於 WOW
隨意部分
簡短的 Markdown 範例
[motion data-animate=”slideInUp” data-speed=”slow” data-easing=”linear” data-delay=”short-delay” data-animation=”shake” data-offset=”100″ custom_class=”your_custom_class”][/motion]
Motion 示範
外掛標籤
開發者團隊
原文外掛簡介
Motion WordPress Plugin based on Motion UI by ZURB – a Sass library for creating CSS transitions and animations.
Provide user friendly solution to beautiful CSS3 animations on WordPress Posts, Pages and Widgets.
Motion Demo
Some of the Key features Include:
CSS animations
CSS transitions
Allowing user to apply CSS3 animations on WordPress Posts, Pages and Widgets
Animation on Scroll, bases on wow.js
Different scroll offset on individual animation blocks
Delay to create a nice animation sequence
Animation duration
Enable or disable animations on mobile
Enable or disable checking for new elements on the page
Custom box class setting
Custom animate class setting
Custom CSS setting
Allow users to apply animation on WordPress Widgets
All the CSS3 animations are from Motion UI
WOW.js are from WOW
Arbitrary section
A brief Markdown Example
[motion data-animate=”slideInUp” data-speed=”slow” data-easing=”linear” data-delay=”short-delay” data-animation=”shake” data-offset=”100″ custom_class=”your_custom_class”][/motion]
Motion Demo