內容簡介
Basalio 是一套專為在 WordPress 區塊編輯器中建立作品集和案例研究網站而設計的互動區塊。它提供精緻的動畫效果，讓創意作品更具吸引力，並且不會鎖定使用者於特定的佈局工具。
【主要功能】
• Grid Reveal：滑鼠懸停時顯示作品標題
• Case Study Transition：跨頁面共享元素過渡效果
• Text Reveal：標題和副標題的精緻進場動畫
• Magnetic Button：吸引訪客注意的行動呼籲按鈕
• Before / After：可拖曳的圖片比較滑桿
• Filterable Grid：可依學科篩選的作品集網格
外掛標籤
開發者團隊
原文外掛簡介
Basalio is a focused set of interaction blocks for people who build portfolio and case-study sites in the WordPress block editor. It is not a page builder or a general animation engine. It adds the motion that makes creative work feel considered, and nothing else.
Every block is a native Gutenberg block. There is no separate canvas, no shortcode, and no page-builder lock-in. Add a Basalio block the same way you add a paragraph, set its options in the block sidebar, and the effect renders on the front end.
What is in the box
Grid Reveal, a portfolio tile that reveals its caption on hover, focus, or tap.
Case Study Transition, a cross-page shared-element transition from a grid tile to its case-study page.
Text Reveal, a choreographed entrance for a headline, subhead, and optional button.
Magnetic Button, a call-to-action that gently pulls toward the visitor’s cursor.
Before / After, a draggable, keyboard-operable image comparison slider.
Filterable Grid, a portfolio grid visitors can filter by discipline, with a Grid Item child block.
Custom Cursor, a soft cursor accent for a bounded region of the page.
Scroll Sequence, a frame-by-frame image sequence driven by scroll position.
Pinned Scroll, an image that stays pinned while its story scrolls beside it.
Built for restraint and access
Motion respects the visitor’s “reduce motion” system setting.
Pointer effects are disabled on touch, where they would only get in the way.
The shared front-end script loads only on pages that actually contain a Basalio block, never site-wide.
Open development
Basalio is developed in the open on GitHub, including the full WCAG 2.2 audit report and the automated accessibility checks that run on every change. Bug reports and pull requests are welcome there. For usage questions, use the support forum here on WordPress.org.
