Chameleonic Header in CSS and JavaScript | CodyHouse

This effect uses the clip-path CSS property. The idea is to have a clone of the main header inside each of the page. Each clone will inherit the style of the section it belongs to. All cloned headers are placed at the top of the page (with a fixed position).