[WordPress] 外掛分享: CMXR — Canvas Motion Backgrounds

首頁外掛目錄 › CMXR — Canvas Motion Backgrounds
WordPress 外掛 CMXR — Canvas Motion Backgrounds 的封面圖片
全新外掛
安裝啟用
尚無評分
14 天前
最後更新
問題解決
WordPress 6.0+ PHP 7.4+ v1.3.0 上架:2026-07-07

內容簡介

CMXR 是一款讓使用者能夠輕鬆建立和管理動畫畫布背景的 WordPress 外掛。它提供直觀的介面,使用者可以在控制台上創建動態形狀,並將其放置於頁面內容後方,增強網站的視覺效果。

【主要功能】
• 視覺配置器:即時預覽和動畫控制
• 拖放層次:輕鬆調整形狀的顯示順序
• 六種動畫類型:漂移、軌道、脈衝等
• 互動模式:視差、排斥、吸引等選項
• 12 種形狀:圓形、幾何形狀、線條等
• REST API:全面的動畫程式控制

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.3.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「CMXR — Canvas Motion Backgrounds」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Canvas Motion Background Made Easy. CMXR lets you build and manage animated canvas motion backgrounds directly from the WordPress admin. Compose moving shapes — orbs, blobs, and multi-ring forms — that render on an HTML5 canvas, sit behind your page content, and are driven by a tiny vanilla-JS engine with zero frontend dependencies.
Key features:

Visual configurator — three-panel editor with live canvas preview, shape/color/animation controls, and real-time feedback
Drag-to-reorder layers — drag shapes in the sidebar to control which one renders on top
Layer badges — each shape shows its layer number (1 = topmost)
6 animation types — Drift, Orbit, Pulse, Wave, Fixed, Figure-8 (Lissajous)
Interactivity modes — Parallax, Repel, Attract, or Off
Anchor point — a per-animation 3×3 anchor (top-left … bottom-right) that sets which point of the container shape positions are measured from. The px position range follows the anchor per axis: a centered axis spans ±2000px (full-4K travel from center), an edge axis ±500px
Flexible units — size and position in %, px, vw, or vh, with values auto-converting when you switch units
12 shapes — Soft Orbs (Circle, Double, Triple, Blob, Outline, Ring), Geometry (Box, Box Outline, Capsule, Capsule Outline), and Lines (Line, Wave Line)
Blend modes — Screen, Normal, Multiply, Overlay, Lighten, Hard-Light
REST API — full programmatic control over animations
Performance — pauses off-screen (IntersectionObserver), respects prefers-reduced-motion, DPR cap to limit canvas size on HiDPI screens
Any theme, any builder — works with Elementor, Divi, Gutenberg, or hand-coded HTML; just add a CSS ID

延伸相關外掛

文章
Filter
Mastodon