Background Shift Animation with CSS Blend Modes
In Playground by Manoela Ilic
A background color shift effect using a CSS blend mode and a multi-layer animation.
#locomotive-scroll
Alternate Column Scroll Animation
In Playground by Manoela Ilic
A grid layout with columns that scroll in opposite directions and a content preview animation.
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
On-Scroll Letter Animations
In Playground by Manoela Ilic
A small set of examples showing how letters can be animated on scroll.
Horizontal Smooth Scroll Layouts
In Playground by Manoela Ilic
Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.
Image Stack Intro Animation
In Playground by Manoela Ilic
Two simple intro animations where an image stack moves to become a grid.
Scroll Animations for Image Grids
In Playground by Manoela Ilic
Some ideas for scroll animations for image grids powered by Locomotive Scroll.
Thumbnail to Full Width Image Animation
In Playground by Manoela Ilic
An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.