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.

Imagine monitoring actually built for developers

Billboard image

Join Vercel, CrowdStrike, and thousands of other teams that trust Checkly to streamline monitor creation and configuration with Monitoring as Code.

Start Monitoring

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay