Stacks Image 1101719

Scroll Spiral

ANIMATION STACK
STACK DETAILS:
  • BROWSER: IE9+, CHROME, FIREFOX, SAFARI
  • REQUIREMENTS: STACKS 3+
  • STACK VERSION: 1.0
PURCHASE INCLUDES:
  • 1 YEAR FREE UPDATES
  • 1 YEAR FREE SUPPORT

Overview

Shader art made with WebGL. The idea behind Scroll Spiral is to create a decorative background effect by twisting images and hexagonal grid patterns smoothly on page scroll. Any image in png or jpeg can be used.
The effect aims to be as light as possible on desktops or mobile devices. On unsupported browser a static background image is displayed instead. Examples with images for Foundation, Foundry and UIkit are included.

Interface and settings

  • Velocity: control the speed of the animation
  • Image: drop the image to be processed
  • Force transparency: used when needed to add transparency to the theme's background

  • Fallback Image: on unsupported browsers this image will be displayed instead
  • Preview: the fallback image preview will be displayed in RapidWeaver preview mode.