Web API animations

Scroll down to trigger in-view animation tests.

fade-up with stagger

Items should animate once by default with a subtle upward movement.

Card one
Card two
Card three

fade-in

Opacity-only reveal with no directional movement.

fade-left

Useful for image/text split layouts.

fade-right

Mirror of fade-left for alternating rows.

fade-down

Directional fade from above into final position.

scale-in

Subtle scale reveal for visual elements and cards.

Replay mode

This section should animate each time it re-enters the viewport.

Accessibility check: with reduced motion enabled, all sections should appear immediately.

Promo row template (replay)

Large block test with multiple cards to validate stagger replay behavior.

Promo card one

Example copy for a larger promo row module.

Read more

Promo card two

Example copy for a larger promo row module.

Read more

Promo card three

Example copy for a larger promo row module.

Read more

Stat block template (replay)

Large numeric tiles to verify repeated in-view triggers on heavier visual blocks.

180+

Countries in alumni network

100+

Global partnerships

30+

Exchange opportunities