A quick question about clip-path

webkit-clip-path:inset(4px); trims 4px of all edges in Chrome, but I haven't gotten anything to work in FF. I've tried with/without prefix, all values written out with commas/spaces. Most tutorials say it's supported but there's very little info on FF. One briefly mentioned using an svg type of url filter but didn't explain it all.
Is this a case where FF just makes something far more difficult than it needs to be, or is it something that doesn't work at all? Hopefully it's a simple syntax error on my part. TIA for any help.

Comments

  • edited May 8 Firefox
    clip-path: inset(*px);
    it's because webkit doens't belong in FF's engine.
    "WebKit is the web browser engine used by Safari, Mail, App Store, and many other apps on macOS, iOS, and Linux."
    Firefox definitely changed(I remember somehow i could use webkit).
  • By now (i think it's in the specifications) it's just clip-path instead of webkit-clip-path. Or use both if clip-pathdoesn't work in both FF and Chrome.
    https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

Sign In or Register to comment.