The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › [Solved] Css clipping does not seem to work properly.
I read the article https://css-tricks.com/clipping-masking-css/ and cannot manage to make anything work on a very, very simple example. It is quite frustrating!
It seems that clip-path does not work properly as indicated, neither in Chrome, Safari, Firefox.
I have posted a very simple example here: http://codepen.io/3MO/pen/zGpvMg
I am just trying to add a simple clip to an image.
My next challenge will be to move this clip (or mask) to follow the mouse cursor, but the first basic step is not there yet.
What do I do wrong?
it does in webkit with the vendor prefix :
besides, units sticks to its value. 60px , not 60 px ;)
Thanks a lot, I tried with the -webkit before but the space before “px” definitely was the error.