Intro Animations
Intro Animations add a brief reveal to sections of your page as they come into view — the kind of subtle movement that makes a static layout feel alive without distracting from the content. They are available in Anima-based LT themes and ship as a global, opt-in system you configure once from the Customizer.
What Intro Animations do
Intro Animations are viewport-triggered reveals: as a visitor scrolls and a section enters the viewport, it fades, scales, or slides into place. The goal is to give long posts, pages, and project layouts a sense of pacing — so the eye lands on one idea at a time instead of the whole page arriving at once.
Each section animates once per page view. Scrolling back up does not replay the reveal, and content that is already in the initial viewport animates in on first paint rather than appearing pre-rendered.
Turning them on
Intro Animations are off by default. Enable them from the Customizer and the setting applies site-wide.
- In the WordPress admin, go to Appearance → Customize.
- Open the Motion panel and find the Intro Animations group.
- Switch the Enable intro animations toggle on, then pick a style and speed.
- Click Publish to save.
Choosing a style
Three styles ship with Intro Animations. Each produces a distinct reveal character, so pick the one that matches the tone of your site.
- Fade: sections ease in from transparent to fully visible. The softest of the three and a safe default for editorial and text-heavy layouts.
- Scale: sections grow slightly into place as they appear. Adds a light, confident pop that works well for portfolio and product pages.
- Slide: sections travel a short distance into position as they fade in. Gives the page a clear sense of direction without feeling loud.
Choosing a speed
Speed controls how long each reveal takes. The timing is tuned per style, so the same speed preset feels appropriate whether you are using Fade or Slide.
- Slow: the most cinematic. Sections take their time to arrive — good for calm, spacious layouts.
- Medium: a balanced default that keeps the page feeling alive without slowing the reader down.
- Fast: snappy and understated. Best when you want a hint of motion but do not want animation to compete with the content.
Where the animations apply
Intro Animations apply to the major content blocks on posts, pages, and projects — the sections a reader actually scrolls through. They do not apply to the site header, footer, or the Site Frame, so your navigation and outer shell stay immediately usable on every page.
When sections enter the viewport as a group, their reveals are lightly staggered so the sequence reads clearly instead of all at once. This matters most on card grids and multi-column sections.
Accessibility and reduced motion
Intro Animations respect the operating system’s Reduce motion preference. When a visitor has reduced motion enabled in their OS or browser, sections appear immediately in their final state — no staged hiding, no entrance animation, no delay before the content is readable.
You do not need to configure anything for this to work. The theme detects the preference at runtime and adapts the page for that visitor only.
When to use Intro Animations
Intro Animations work best when a page has distinct sections that benefit from pacing — long-form posts, project case studies, landing pages, and portfolio layouts. On short, utilitarian pages like contact forms or simple landing pages, the effect is less noticeable and can be left off.
If you are unsure, start with Fade at Medium speed. It is the most neutral combination and a good baseline before experimenting with Scale or Slide if you want a stronger sense of motion.