Chameleonic Header
https:/
I remember seing a clever design years ago that had this effect on scroll, but it was just for a logo, with a single image.
Now that we have clip-path
in CSS, with good support for the <basic shape>
flavour, it can be used on any element.
-
older link:
Responsive Grid Magazine Layout in Just 20 Lines of CSS -
newer link:
N26 and lack of JavaScript