Streaming live at 10am (PST)

Crooked Section before the Footer!

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

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

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:

1 Like