DEV Community

loading...

How to create skewed backgrounds with CSS

Alex Carpenter
I am a self taught developer that works best when floating in between design and engineering teams. I enjoy sharing what I know via short instructional screencasts and the occasional written post.
Originally published at alexcarpenter.me ・1 min read

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

Discussion (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.