Jumpy Book Shelf

This animation is purely an easter egg. We try and put in a little unexpected fun wherever we can when designing our products. This was part of the Helix Cup web app we just launched where one of the experience tenants was simply: ‘fun’. The books were used on a downloadable resource panel, but if you happen to move your mouse over them, they will jump!

This was done using SVG and CSS. Here's the code!

—

The Helix Cup is a new annual competition designed by founders of the biotechnology industry: Genentech, to engage middle school students in South San Francisco, California to develop problem solving, teamwork, and hands-on science skills.