How would i go about creating a header animation like this?

How would i go about creating a header animation like this?

I just saw this sweet Header Animation and was wondering how to implement an effect like this on a site. I am quite fluent in html and css and have dabbled with javascript, but never really got in at the deep end. Maybe this is the place to start.

But how would i go about this header?