LoginGet started — it’s free
Made in Webflow

Hokaido - Free Horizontal Scrolling Template

Clone in Webflow1.8k
Diego Toda de Oliveira's avatar
by Diego Toda de Oliveira
6.8k
site profile thumbnail

Description

One of my frustrations with Webflow transitions is that achieving a good horizontal scroll effect with things like parallax is not possible out of the box. The "while scrolling in view" trigger only works for vertical scroll. So, after some trial and errors, I came up with a setup that gets the job done! Hokaido is a free template focused on images and horizontal scroll. It's main features are: 1. Works well with CMS - no need to manually tweak any transitions, the horizontal scroll works with any number of CMS elements. 2. Parallax effects - create cool horizontal parallax effects, with the current setup, it just works! 3. Cool page transitions - go from page to page with a smooth transition between different projects. Want to know how the trick is done? Clone it, change it, make it your own!

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
horizontalhorizontalscrollparallaxhorizontalparallaxtransitionspagetransitionspageloadmoderncmsresponsiveinteractionstemplate

More by Diego Toda de Oliveira

See profile
View details
Bilbao - Webflow blend modes sample
110
304
© 2022 Webflow, Inc. All rights reserved.