G+ header effect

Go to Source

See the Code
See it Full Page
See Details

A quick weekend experiment to replicate the header design in Google+, pure CSS only. Layout is responsive, so you can try resizing the browser window 🙂

p/s: Photo was taken from my bedroom window. I love my city!

This Pen uses: HTML, CSS, JavaScript, -prefix-free, and jQuery