Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › CSS transform Matrix in %

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 5, 2016 at 2:39 am #244233
    Shub1427
    Participant

    Can CSS tranform: matrix() have % values, coz it works with transform:translate(), but when i apply a percent value in a matrix function, the whole transform gets invalid. Any code snippet would be a plus.

    This works:

    transform: translate(50%, 50%);

    But this is shown invalid:

    transform: matrix(1, 0, 0, 1, 50%, 50%);

    Thanks

    August 5, 2016 at 3:30 am #244235
    Paulie_D
    Member

    Does it now owrk in all broswers or just a specific one?

    August 5, 2016 at 4:29 am #244237
    Shub1427
    Participant

    transform: matrix(1,0,0,1,0,-50px)

    also isn’t supported.

    What I guess is that no ‘units’ are supported in matrix() function. Am I right?

    I have tested on:

    • Chrome 51.0.x and 52.0.x(Latest till today)
    • Firefox 47 and 48(Latest till today)

    https://codepen.io/shub1427/pen/zBmNNP

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