LoginGet started — it’s free
Made in Webflow

Slanted Edges with CSS

Clone in Webflow100
Noah Raskin's avatar
by Noah Raskin
site profile thumbnail


For a while I have wanted to learn how to created slanted edges and shapes with CSS for sections and also things like tool-tips etc. Well here is a quick cloneable project you can use to learn and apply "Clip-Path" in CSS to any of your sections. I also left some quick resources at the bottom to help you even further. Thanks to Kevin Powell on YouTube for his demonstration. It inspired me to make a cloneable project for anyone who was thinking the same thing I was. Just seemed like a hack-job to be rotating whole sections with transform inside of Webflow as opposed to properly adding a bit of CSS. Anyhow, I hope this helps!

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

More by Noah Raskin

See profile
View details
Custom Animated Hero Slider - CMS
© 2022 Webflow, Inc. All rights reserved.