Streaming live at 10am (PST)

How to create inverted triangle section

Hi Team,

I’m trying to create a section that has an inverted triangle top, like the below design.

I’ve been able to get most of the way except the triangle is the wrong direction. Anyone know how I can achieve this?

https://forever-fit.webflow.io/

Cheers,
Sheridan


Here is my public share link: LINK
(how to access public share link)

like this ?


take a look at this

Hi @guoshuzhang,

I’d like to achieve it without using an image if possible, as I’ve tried this before and I find that it doesn’t scale well from device size to device size.

Is this possible?

SVG file would be tiny, png maybe even smaller.
Other option that comes to mind is 2 div blocks and rotate.

1 Like

Yeah it works. I’ve used this method earlier.