NZBN Identity Animation
GSAP Animation Experiment

NZBN Identity SVG Animation

A test of the capabilities of the Greensock Animation Platform (GSAP) for the New Zealand Business Number as a viable animated GIF replacement.

The NZBN website currently uses an animated GIF on its homepage showing an actual New Zealand Business Number animating to become the NZBN logo. This test uses multiple Greensock timelines running in parallel to reproduce a similar sequence.

See the Pen NZBN Identity SVG Animation by John Slipper (@johnslipper) on CodePen.

Open demo
Tags:
  • CSS
  • HTML
  • SVG
  • GSAP
  • Animation