This was an experiment based on a video I saw from Kevin Powell. The Avada transform controls are nice, but it impacts the content. I needed a way to skew the background without impacting the content.
SkewX
I am an h3 title
Quos imperdiet magnam vivamus, mollitia potenti elementum cumque etiam sociosqu maxime consectetuer! Consequat, laudantium, ipsam adipisci tempor nemo dictum egestas quis senectus? Hendrerit ullamcorper. Odit! Metus, litora! Fringilla magnam, felis do do, mollitia? Sociis! Pulvinar, illum voluptatum proident corporis diam.
I am an h4
I am an h5
Quos imperdiet magnam vivamus, mollitia potenti elementum cumque etiam sociosqu maxime consectetuer! Consequat, laudantium, ipsam adipisci tempor nemo dictum egestas quis senectus? Hendrerit ullamcorper. Odit! Metus, litora! Fringilla magnam, felis do do, mollitia? Sociis! Pulvinar, illum voluptatum proident corporis diam.
SkewY
I am a title
Quos imperdiet magnam vivamus, mollitia potenti elementum cumque etiam sociosqu maxime consectetuer! Consequat, laudantium, ipsam adipisci tempor nemo dictum egestas quis senectus? Hendrerit ullamcorper. Odit! Metus, litora! Fringilla magnam, felis do do, mollitia? Sociis! Pulvinar, illum voluptatum proident corporis diam.
I am a title
Quos imperdiet magnam vivamus, mollitia potenti elementum cumque etiam sociosqu maxime consectetuer!
SKEW ON A CONTAINER
Even easier than on a column. Just add a class to the container. The skew value of -5deg was a little much so I made it -3deg.