Background Shift Animation with CSS Blend Modes
by Mary Lou
A background color shift effect using a CSS blend mode and a multi-layer animation.
+ more#locomotive-scroll
Alternate Column Scroll Animation
by Mary Lou
A grid layout with columns that scroll in opposite directions and a content preview animation.
+ more
Case Study: A Unique Website for Basement Grotesque
A look behind the scenes of the website built for Basement Grotesque, the open-source typeface of basement.studio
+ more
On-Scroll Letter Animations
by Mary Lou
A small set of examples showing how letters can be animated on scroll.
+ more
Horizontal Smooth Scroll Layouts
by Mary Lou
Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.
+ more
Image Stack Intro Animation
by Mary Lou
Two simple intro animations where an image stack moves to become a grid.
+ more
Scroll Animations for Image Grids
by Mary Lou
Some ideas for scroll animations for image grids powered by Locomotive Scroll.
+ more
Thumbnail to Full Width Image Animation
by Mary Lou
An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
+ more