Streaming live at 10am (PST)

How would you create this slanting divider line?


#1

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


#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:


#3

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


#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


#6

That looks really cool!


#7

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