MotionCraft Scroll Animations
| 开发者 | darshu1898 |
|---|---|
| 更新时间 | 2026年5月6日 03:49 |
| PHP版本: | 7.2 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
MotionCraft Scroll Animations adds smooth, scroll-triggered animations to any WordPress site. Apply animations with CSS classes, data attributes, or the Gutenberg block editor sidebar.
Features
- 6 built-in animation presets (fade, slide, zoom)
- Gutenberg block editor integration with sidebar controls
- Works with Elementor via CSS classes in the Advanced tab
- Stagger animations for lists and grids
- Timeline groups for sequenced animations
- Custom animation builder (JSON-based)
- Conditional loading and mobile disable options
- Respects
prefers-reduced-motion - Developer hooks and filters for extending functionality
anime-fade-up
Or use a data attribute:
data-anime="fade-up"
The animation triggers automatically when the element scrolls into view.
Custom Animations
Define custom presets as JSON in Settings > MotionCraft Scroll Animations:
{ "slide-rotate": { "opacity": 0, "translateX": -60, "rotate": -15 } }
Compatibility
- Elementor (Free and Pro)
- Gutenberg Block Editor
- Any WordPress theme
- Deferred script loading
- Scroll-triggered animations via IntersectionObserver
- Optional mobile disable
- Extendable animation list via
gmk_supported_animationsfilter - Public API:
window.GMK.refresh()for dynamic content - All assets bundled locally (no external CDN dependencies)
安装:
- Upload the plugin folder to
/wp-content/plugins/. - Activate the plugin through the WordPress admin panel.
- Add animation classes or use block editor controls.
屏幕截图:
常见问题:
Does this plugin work with Elementor?
Yes. Add animation classes in the Advanced tab of any Elementor widget.
Do I need coding knowledge?
No. Use CSS classes or the Gutenberg sidebar controls.
Can I create custom animations?
Yes. Use the JSON animation builder in the settings page.
Will this slow down my website?
Scripts load conditionally and are deferred.
Is this better than Elementor animations?
MotionCraft Scroll Animations provides smooth, performant scroll-triggered animations using Anime.js (MIT licensed). It's lightweight, GPL-compliant, and works with any theme or page builder.
更新日志:
1.0.0
- Initial release.
- MotionCraft Scroll Animations provides smooth, scroll-triggered animations using Anime.js (MIT licensed).
- Gutenberg block editor integration with sidebar controls.
- Works with Elementor via CSS classes.
- Stagger animations for lists and grids.
- Timeline groups for sequenced animations.
- Custom animation builder (JSON-based).
- Conditional loading and mobile disable options.
- Respects
prefers-reduced-motionfor accessibility. - Developer hooks and filters for extending functionality.