Images with slanted edge

I am trying to place images in my site that have a slanted edge like this: Dropbox - Screen Shot 2022-12-20 at 2.47.19 PM.png - Simplify your life.

I have found tutorials on how to create slanted sections using a rotated div block, but I can’t find any solution to creating an image like this. I’d compare it to a clipping mask. Any suggestions? Thanks!

Hi @studiotrue there is many ways how to but in your case the easiest way will be using clip-path here is:

Article to read:

online clip-path maker
https://bennettfeely.com/clippy/

simple example

Thanks so much, this is super helpful!

1 Like