Skip to content
  • Home
  • About
  • Projects
  • Contact me
  • Home
  • About
  • Projects
  • Contact me

Category: Motion

Hover Choreography: Interfaces That Acknowledge You

A good hover state is a conversation: the cursor asks, the element answers, its siblings step back. Group hovers, focus parity, and timing that feels intentional.

Scroll Snap: Storytelling in Full-Screen Chapters

Scroll snapping turns a page into chapters — carousels, onboarding flows, full-bleed stories — with pure CSS. And the discipline to know when not to.

Staggered Reveals: Choreography, Not Decoration

Twelve cards fading in at once reads as one blob. Stagger them 40ms apart and the eye follows a story. The rules of good stagger timing, in CSS.

FLIP: The Technique Behind Every Smooth Layout Animation

You cannot animate layout without jank — unless you invert it. FLIP turns expensive layout changes into cheap transforms, and it powers every smooth reorder you have seen.

linear() Easing: Real Springs in Pure CSS

cubic-bezier can only draw one hump — no bounce, no overshoot-and-settle. The linear() function ends that limit and brings true spring physics to CSS.

Why scroll-driven animations so good?

ScrollTrigger, native CSS scroll timelines, and viewport-relative units have changed everything about storytelling on the web.

Dublin, IE • 00:00

Got a project in mind?
Let's build it.

© 2026 Alex Shanley. All rights reserved.
LinkedIn GitHub Download CV