How would you create this slanting divider line?

Design help General
1

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

673×505 82.1 KB

2

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
3

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

2 Likes
4

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.

5

Found it again, this is what I created a while ago;
https://webflow.com/website/Tilted-Sections

1 Like
6

That looks really cool!

7

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