[Resolved] Custom image shape with css

[Edwin]

Hi Tom/Leo

This question has nothing to do GeneratePress, but thought maybe you know a quick solution.
I am trying to shape my pictures and found a way to do it with css, unfortunately it is not supported by IE. Would you know a different way?

This is the CSS i am using:

.picturecut{
-webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}

Of course i can shape the picture in Photoshop, but than i have to use 2 images.
One for desktop and one for mobile.

[Tom]

Hi there,

I’m afraid I don’t know anything off the top of my head, but you should be able to find some examples out there if you look around.

Sorry I can’t be more helpful!

[Author]

Posts