Streaming live at 10am (PST)

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


#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


#2

@OvertonGraphics

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


#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 > https://webflow.com/website/Slanted-Sections

Here’s another project where you can see how to achieve the effect > https://webflow.com/website/Tilted-Sections


#4

Thanks dude!! much apprecaited


#5

thanks, i’ll give that a go too