DEV Community

Alex Carpenter
Alex Carpenter

Posted on β€’ Originally published at alexcarpenter.me

3 1

How to create skewed backgrounds with CSS

View the demo code https://codepen.io/alexcarpenter/pen/PoqWvKg

Top comments (1)

Collapse
 
supremebeing09 profile image
nils binder πŸ³οΈβ€πŸŒˆ β€’

Very cool video. I should start working more with ClipPath. Big praise especially for the documentation of the individual corners in the comments. This helps your colleagues a lot.
If you prefer a fixed angle in the diagonal, you can solve this with CSS-Transoform. I recently wrote a tutorial about this. I would be interested to hear what you have to say about it.

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay