CSS Shapes: Slanted Bottom Edge

Using clip-path in CSS instead transforming entire sections.

.slant-section{
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
  	-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
  	margin-bottom: -10vw;
}

Credit & Thanks to: Kevin Powell

Check out these quick resources here to get more familiar with CSS Shapes.

Play With Clip-Path's