Streaming live at 10am (PST)

How would you create this slanting divider line?

How would you create this slanting divider line below “Meet the team”?

Whenever I wanted to make a slanted line on a website, what I did was have a slanted line saved as a PNG and then inserted it into a DIV Block at the bottom or top of the section as an image background. Hope this helps…:grinning:

1 Like

Hi @oysteinwangen
Read this tutorial: http://webflowcodestutorials.webflow.io/non-native
(scroll down to “Skewed Sections”).
Hope it helps!

2 Likes

I’ve done that before, but it can be tricky because all the content will be rotated as well, so you have to contra-rotate the container inside the tilted section if you chose to go with this method.

Found it again, this is what I created a while ago;

1 Like

That looks really cool!

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.