Sliced Scroll

Sliced Scroll
Sliced Scroll

About Sliced Scroll

Settings:

  • Image: Upload your hero image

  • Slice Count: Number of vertical slices (2–20)

  • Parallax Intensity: Movement range in pixels (0–300px)

  • Pattern: Forward, Backward, Center, Edges, Random — can be applied from the top or from the bottom of the image

  • Reverse Parallax: Option to invert the parallax direction

  • Mode: Seamless (precise cutting) or Glass (offset slices)

  • Glass Effect: Horizontal offset for glass mode (–50px to 50px)

Keywords: parallax, scroll, hero, image, sliced, vertical, animation, depth, glass effect, seamless, reverse parallax, top pattern, bottom pattern

From Artem Kostenko

Cursor Tooltip
Tilted Cards
Multi Items Card
Scroll Carousel

Related Components

Chapters Timeline
Split FAQ Accordion
Animated Line
wire grid board