Forums

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.

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #204225

    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?

    Thanks!

    #204244
    gcyrillus
    Participant

    it does in webkit with the vendor prefix :
    http://codepen.io/anon/pen/MwrewV
    besides, units sticks to its value. 60px , not 60 px ;)

    #204260

    Thanks a lot, I tried with the -webkit before but the space before “px” definitely was the error.
    Thanks again.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.