Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 14, 2015 at 12:24 am #411340
    theburningear

    Hi there, because each of my posts feature an image and a Soundcloud embed (that has the same image) I would like to clip the image to just show the top 20%.
    http://test.theburningear.com/2015/01/walla-101/
    I’ve read about the clip-path CSS function here
    https://css-tricks.com/almanac/properties/c/clip/
    but I’m not having success applying it to the featured images on my posts (and homepage).

    Thank you!

    March 16, 2015 at 4:02 am #411823
    Ismael

    Hey theburningear!

    Thank you for using Enfold.

    I think you’re testing it with chrome, and the article doesn’t included browser specific prefixes, that’s why it’s not working. For that, you need to add vendor or browser prefixes:

    .big-preview.single-big a img {
  -webkit-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
  clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
}

    This will help: http://bennettfeely.com/clippy/

    Regards,
    Ismael

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