Streaming live at 10am (PST)

Crooked Section before the Footer!


#1

Hello Webflow Community!

The first time posting something here because it seems like the topic has not been discussed yet.
My client wants a special footer design, where the bottom edge of the last section before the footer is skewed like this:
39

Does anyone have ideas on how I can get this to work via webflow?
Thanks in advance!

Read-Only Link:
https://preview.webflow.com/preview/frands-website?preview=8b39c296633e516a9d735322b0e9aac5


#2

Did it with a workaround.
I added another section on top, set the background to grey, put a white colored div inside with a skew effect and changed the z-index of the three sections accordingly.

A little messy, but I don’t think there is a better way to do it :smile:

If someone has the same issue and wants to check it:
https://preview.webflow.com/preview/frands-website?preview=cbbf81d0119aefde6de016225f42c5f2


#3

Yes tilting a div is a way, using an image, preferably a SVG triangle is a way too. You can also fine tune a gradient… many ways to achieve this :slight_smile: