🚨 Honk! We're extending our 30% off offer on all courses + bundles until July 15th

How to make reactive type as seen on the Airbnb Cereal site

On the new showcase for Airbnb's new typeface, Cereal, there's a great way that they show off the different sizes and weights of the face by making individual letters respond to mouse movements. We talk about how to achieve this effect (and more) using a few lines of Javascript and a little math.

View demo: cereal-1.superhi.com

Intermediate

0:00/17:05

June 5th 2018

Playback speed

0.75× 1.25× 1.5× 1.75×

Skip

−60s −30s −10s +10s +30s +60s