Unique slider layout?

Design help Design inspiration
4

Owww, @Waldo, @daniel_cleayweb :slight_smile: Hello guys!

Yes, I found workaround for such visual effect.

  1. Make slider overflow: hidden
  2. Make mask overflow: visible, width: 60% and center it (in display settings)
  3. Make sure all SLIDEs has position:relative
  4. Add images to all slides (will call it “main image”), width=95%, center it
  5. Add 1 “extra image” to first slide and last slides
  6. On first slide:
  • “extra image” is same as “main image” on last slide
  • position: absolute, align: left = -101%
  1. On last slide:
  • “extra image” is the same as “main image” on first slide
  • position: absolute, align: right = -101%

Example: http://spanglerestores.webflow.io

Cheers,
Anna

20 Likes