This is just an implementation of the solution described in this article. I was just wanted to make my own version and understand the concept. My next goal was to add motion to these headers which meant I was not going to be able to use the pseudo-selectors to achieve the effect. Note the differnt perspectives of the ribbon depending on the position on the page. I want to create a smooth transition from the top to the bottom styling. The demo can be seen here.

Duis porttitor, justo sed ornare tincidunt, nulla lectus fringilla enim, ac dictum nulla metus ut est. Praesent bibendum elit ac elit auctor porttitor feugiat felis sollicitudin. Sed in eros libero, non gravida ipsum. Etiam ut nunc odio. Quisque imperdiet pharetra libero in bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis dui dolor, vel accumsan arcu. Aenean est arcu, dapibus in tempus mattis, fringilla a tortor. Phasellus odio nunc, volutpat quis congue sed, hendrerit quis eros. Nam sit amet dignissim nibh.