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.

Copy to Clipboard

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

Copy to Clipboard
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.

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

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.

Copy to Clipboard