Skip to main content
Portrait picture of me in a patterned dark blue t shirt in front of a grey background

Hi! My name is John Slipper.

I do web development in Auckland, New Zealand.

NZBN Identity SVG Animation

Category: GSAP Animation Experiment
NZBN Identity 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