This is a fun CSS experiment where the main effect is just about changing the perspective-origin CSS property on scroll.
The animations were made with Motion.page v3 in WordPress and the page was built with Breakdance Builder.

Scroll down to continue...

EXPERIMENTAL ANIMATIONS MADE WITH MOTION.PAGE

TOO MUCH PERSPECTIVE?

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ipsum labore invidunt dolore augue et tempor sadipscing eirmod diam erat molestie dolores. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

PERSPECTIVE EFFECT IN REALTIME

HOW ABOUT SPLIT-TEXT ANIMATIONS?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nonumy magna tempor dolores dolore takimata. Kasd diam assum dolore no ut ea at elitr eum. Ad consetetur ipsum magna nulla nostrud lorem nulla quod no duis tempor lorem magna gubergren lobortis facilisis justo at.

THIS TEXT IS UNREADABLE, BUT WHO CARES? NOBODY IS GOING TO READ IT ANYWAY!

PERSPECTIVE EFFECT IN REALTIME

LET'S CONTINUE

Motion.page is a visual animation builder for WordPress and desktop that lets you animate any live site by pointing and clicking, no heavy coding required. You select elements on your page, pick triggers (scroll, hover, click, gestures, and more), and shape timing on a timeline like a video editor, it then outputs clean, zero-dependency code via its SDK. It covers scroll animations, page transitions, stagger effects, SplitText, DrawSVG, custom cursors, and timeline sequencing, and works with WordPress, React, Astro, Webflow, Shopify, and plain HTML.

ONLY
MAKES IT

SUPAMIKE
POSSIBLE

Beyond the builder, Motion.page includes a declarative SDK (positioned as a GSAP/Framer Motion alternative), a WordPress plugin, a full desktop app, and Canvas, a WebGPU visual production editor for shaders, video timelines, AI-assisted creation, and export to embeds, MP4, GIF, or stills. One engine powers three entry points: visual builder, desktop studio, and raw SDK, so you can ship interactive, modern motion without changing your existing stack.

MADE WITH

Note: I didn't focus on making this page responsive — although it does work to some extent. Because it relies on an excessive number of divs, it isn't really suitable for a real-world web page. That's why I consider it a fun experiment rather than a production-ready project.

For more fun stuff, check this out!