How to angle a corner of a div - as shown in webflows video

Design help General
1

Hi all,

I’m trying to design some divs which have angles to them and i want the background image to fill up the div but be cut off by the slope.

In webflows marketing video they seem to imply its very easy to do this: see yellow background

Anyone know how?

Thanks
Josh

1 Like
2

@OvertonGraphics

I am fairly sure they just skewed the div using the skew effect.

1 Like
3

Here’s a screen record where you can see the effect using the border settings > https://www.useloom.com/share/3ede8ea35ae8476d95f22f0b4b70b56b

–

You can see how @Waldo is doing the same effect > Slanted Sections - Webflow

–

Here’s another project where you can see how to achieve the effect > Tilted Sections - Webflow

1 Like
4

Thanks dude!! much apprecaited

1 Like
5

thanks, i’ll give that a go too