[Resolved] Custom image shape with css

Home Forums Support Custom image shape with css

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #439747
    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.

    #439871
    Tom
    Lead Developer
    Lead Developer

    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!

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.