@supports with CSS shapes demo
If the browser supports CSS Shapes, you will see a purple polygon below, otherwise, you'll see an orange square.
square Purple
polygon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dictum congue sollicitudin. Nam nibh mi, blandit nec consequat at, imperdiet vel eros. Fusce tincidunt metus in elit euismod, at fringilla nulla condimentum. Ut dictum nibh non ante pretium, in dapibus nulla lobortis. Aenean pharetra porta est, vitae imperdiet lacus eleifend id. Maecenas eget libero a turpis cursus ultrices sed ut risus. Praesent ut vehicula libero. Pellentesque posuere ultrices turpis, a bibendum massa. Proin eleifend in massa id commodo. Nam maximus tempus nisl at aliquam. Phasellus hendrerit dapibus metus id euismod. Nullam tempus, sapien sit amet eleifend mattis, tellus risus tincidunt tellus, quis elementum massa nisi et eros.
Quisque aliquet accumsan pretium. Sed at eleifend lacus. Etiam in viverra justo. Integer lorem purus, cursus vel sagittis nec, pulvinar vel tortor. Duis dignissim est id dolor commodo, eu interdum augue eleifend. Morbi enim arcu, ultrices sed massa ut, euismod volutpat metus. Suspendisse dignissim nibh sed eros pharetra, a euismod felis gravida. Duis venenatis massa ipsum, a hendrerit urna ultricies in. Proin cursus magna convallis pellentesque interdum. Nam dapibus ac neque nec viverra. Aliquam tincidunt sed nunc sit amet dignissim. Vivamus ut lacus sed metus hendrerit posuere at sit amet massa. Vivamus sit amet nisl magna. Curabitur scelerisque malesuada dignissim. Fusce quis euismod lacus.