| 开发者 | jorgemml |
|---|---|
| 更新时间 | 2026年4月25日 06:59 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
.am-fade, .am-scale, or .am-slide-up in your Page Builder, and you're done.
Philosophy: Utility-first. No complex interfaces, no timelines. Just classes and data-am-* attributes.
Free modules
.am-fade) — Smooth appearance with opacity.am-scale) — Scales from small to full size.am-slide-up) — Slides up when appearing.am-slide-down) — Slides down when appearing.am-slide-left) — Slides in toward the left (from the right edge).am-slide-right) — Slides in toward the right (from the left edge).am-skew-up) — Slides up with a slight skew that straightens as it stops (Stripe / Vercel-style).am-float) — Infinite soft up/down floating motion (continuous).am-pulse) — Infinite gentle scale pulse — breathing-like (continuous).am-highlight) — Animated marker highlight behind text on entry.am-typewriter) — Types text character by character with a blinking cursor.am-* elements and logs script timing in the browser console).
animicro folder to /wp-content/plugins/No. Use only one animation class per element. Combining .am-fade with .am-slide-up on the same element can cause flicker.
Use data-am-* attributes. For example: data-am-duration="1", data-am-delay="0.3", data-am-easing="ease-in-out".
Animicro Pro is a separate plugin that replaces the free version and unlocks 11 additional animation modules plus Smooth Scroll and a Cheat Sheet. Visit animicro.com to learn more.
data-am-loop row in the Pro Cheat Sheet, simplified the frontend module loader, and added .am-parallax to the base visibility selector for consistency..am-skew-up) — entry animation that slides up with a slight skew and straightens as it stops (Stripe / Vercel-style)..am-float) — infinite soft up/down floating motion. Perfect for 3D illustrations, icons, and hero art. Tunable via data-am-amplitude and data-am-duration (cycle length)..am-pulse) — infinite gentle scale pulse, breathing-like. Great for badges, CTAs, and call-to-action buttons. Tunable via data-am-scale-max and data-am-duration (cycle length).prefers-reduced-motion: reduce and skip the animation entirely for visitors who opt out of motion..am-slide-left) and Slide Right (.am-slide-right) are now part of the Free tier. Free users get four slide directions (up, down, left, right) out of the box. No configuration change needed if you're upgrading — just enable them from the Animicro → Modules panel.fade, scale, slide-up, slide-down, slide-left, slide-right and blur now accept data-am-loop="true" to repeat forever. Use data-am-loop-mode (pingpong default, or restart) and data-am-loop-delay to fine-tune. Loop is opt-in per element and automatically skipped under prefers-reduced-motion: reduce.data-am-strings (pipe- or JSON-separated), with data-am-prefix / data-am-suffix wrapping the rotating word. State machine types forward, holds, deletes, and cycles through the list. New controls: Back speed, Back delay, Loop, Shuffle, Cursor character, Cursor persist.data-am-cursor-persist="false" (or disable the admin toggle) to restore the 1.6 fade-out behaviour.aria-label exposes the full prefix + strings.join(", ") + suffix so screen readers announce the complete phrase once instead of per-character.data-am-delay attribute on the page could produce absurdly long delays (e.g. 20 s). Delay and duration are now clamped in JS. Marker moved from ::after to ::before with display: inline-block for accurate width tracking inside all builders. Double-init guard added.prefers-reduced-motion (shows full text immediately with no animation). Cursor CSS moved out of runtime style injection into the stylesheet. New data-am-cursor attribute for a custom cursor character. Double-init guard added.var(--brand-100).