CSS trickery with the Channel 4 logo

At we’ve recently been working with Channel 4, and their 3-dimensional segmented logo got me thinking; was there something I could do with a bi-directional browser-resizing parallax to recreate some of their iconic channel idents in an interactive form on the web?

So one lunchtime, that’s exactly what I did. The result is very playful, and once you get going it’s hard to stop resizing the browser and zooming those blocks around! Give it a go:

View demo (then resize the browser window)

CSS trickery with the Channel 4 logo // nicepaul.com.

[via @holtaway]

 

0 Comments , , , , , , , ,