Live2DWebCanvas vs Block Animations, Motion & Scroll Effects – Ghost Kit

Ghost Kit adds motion to the blocks you already use. Select a block, open Effects in the block settings, and choose what happens when it comes into view, when the page scrolls past it, and when the pointer moves across it. See Live Demo | Documentation | GitHub WordPress ships a good set of blocks now. What it still does not ship is motion, and the usual way to get motion is to rebuild the page in a page builder. Ghost Kit is the smaller move. Keep the blocks you have and add the animation on top. 🎬 Reveal animations Start from a preset, Fade In, Zoom In or one of the three directional zooms, then adjust the offset, opacity, scale and rotation the block animates from. The transition is a spring rather than a fixed easing curve, so the movement settles instead of stopping dead. Reveal is in the free plugin. 📜 Scroll effects Tie a block’s position, scale, rotation and opacity to how far the page has scrolled, rather than to a single trigger. This is how parallax sections and scroll-driven reveals are built. 🖱️ Mouse effects Move, tilt, scale or rotate a block as the pointer travels over it. Hover and press are separate states, so a card can lift under the cursor and sink when it is clicked. 🔁 Loop animations Run an animation continuously. Rotating badges, floating shapes and drifting backgrounds are all loops with different transforms. ♿ Reduced motion is respected Every effect checks prefers-reduced-motion: reduce before it runs, so a visitor who turned animations off in their operating system gets a still page. There is nothing to configure. 🧩 It works on the blocks you already have Effects appear on every core WordPress block, from Paragraph, Heading and Image to Cover, Group, Columns, Buttons and Query Loop. They appear on every Ghost Kit block as well. A block from another plugin can opt in by declaring supports.ghostkit in its own block.json. You do not have to rebuild anything. Install the plugin, select a block that is already on the page, and the controls are there. ⚙️ Extensions The same place carries the controls a block usually needs and WordPress leaves out. Position Switch a block to absolute or fixed and offset it, per screen size. Spacings Padding and margin per screen size, on any block. Frame Borders, corner radius and shadows, with a separate hover state. Display Hide a block on the screen sizes where it does not belong. Transform Translate, scale, rotate and skew, including a hover state. Custom CSS & JavaScript Per page or site wide, edited in the admin with syntax highlighting. 🧱 Blocks Ghost Kit also ships blocks for the things core still leaves out. Every one of them carries the Effects panel. Advanced Columns, a twelve column responsive grid with visual size and order controls Accordion, Tabs, Toggle Content Alert, Icon, Number Box, Progress, Countdown Button, Circle Button, Divider, Shape Divider Video, GIF, Image Compare, Image Scroller, Magnifying Image, Carousel, Marquee Contact Form, Google Maps, Pricing Table, Testimonial, Table of Contents Code Highlight, GitHub Gist, Changelog, Interactive Links ✍️ Content formatting Formats that apply to a text selection rather than to a whole block. See them on the formats demo page. Animated Text, Badges, Lorem Ipsum Generator, Spoiler, Stroke, Tooltip, Uppercase 🔥 Ghost Kit Pro The free plugin covers reveal animations, the layout extensions and the block set. Ghost Kit Pro adds the rest of the motion system and pays for the free version to keep being maintained and supported. Scroll effects, mouse effects and loop animations 3D rotation, custom viewport and replay for reveal animations CSS transform and transition per block, with a hover state Custom block attributes and custom responsive breakpoints Marquee, Code Highlight, Interactive Links, Magnifying Image, Image Scroller, Circle Button and Toggle Content blocks Animated Text, Stroke, Spoiler and Tooltip formats More icon packs, Adobe Fonts and custom font files Gradients for buttons, backgrounds, icons and badges Extra shapes for the Shape Divider block 🏳️ Multilingual Ghost Kit adds a layer of WPML compatibility. Every block is translation ready. Read the multilingual guide.

支持moc和moc3模型的插件。 Live2D Cubism Core 再配布声明 本插件随包分发 Live2D Cubism Core 6.x（位于 assets/cubism-core/，包含 live2dcubismcore.min.js 与随附的 LICENSE.md / RedistributableFiles.txt）。该部分文件遵循 Live2D Proprietary Software License Agreement，与本插件主体的 MIT 许可独立，未随本插件重新许可。 协议全文：https://www.live2d.com/eula/live2d-proprietary-software-license-agreement_cn.html 该目录下的 live2dcubismcore.min.js 依据官方 RedistributableFiles.txt 清单允许再配布，二次分发者请保留该目录内原始 LICENSE / RedistributableFiles 文件。 二次分发者需要求未来的 distributor 与终端用户接受与原协议同等效力的保护条款（EULA 5.2.2）。 与本插件及 Cubism Core 相关的第三方费用 / 诉讼须由二次分发者自行免责、抗辩与补偿 Live2D 公司（EULA 5.2.3）。 插件作者与 Live2D Inc. 无雇佣关系，但保持官方合作关系；如需出版由 Cubism Core 驱动的派生作品（插件本身均属于“拓展性应用”），请参考 EULA 第 2 条、第 6.3 条自行与 Live2D 公司签订 Live2D 出版许可协议。 特性 与株式会社Live2D（ Live2D Inc. ）签订合约, 本软件是使用Cubism SDK for Web核心制作的可扩展性应用程序, 本软件为正版授权。 使用 Cubism 4+ 生成的模型必须购买此插件才可以使用。 插件可以通过后台直接对Live2D进行设置，无需复杂的修改代码。 可视化设置并生成waifu-tips.json，避免手动修改JSON 版权声明 live2d_src / ©journey-ad / GPL v2.0 本插件本体遵循 MIT 许可证（见 LICENSE 文件）。上游 live2d_src 原作品仍受其 GPL v2.0 约束，请保留其原始版权与许可声明。 Live2DWebCanvas 插件不属于 Live2D Inc. 它是一个非官方产品。 软件许可协议 Live2D Proprietary Software License Agreement Live2D Open Software License Agreement