Grow your CSS skills. Land your dream job.

Problem with CSS animate in webkit

  • # March 5, 2013 at 11:17 am

    Hello Everybody,

    I have a problem with css animate not working on my page

    https://secure.show-and-stay.co.uk/book/?stage=seat&agent=&showCode=SHOHVE&showDate=16%2F01%2F14&nights=1&station=&multiCodes%5B%5D=SHOHVE#seat

    If you click on a seat (green dot) and then hover over the choose button the seat will change color, if you are in firefox the seat will then bounce but if you are in webkit it will not.

    I have taken the markup and the styles I use to make the seat bounce and put it into codepen and it all works fine in chrome, so im pretty sure its not a browser problem and a problem with the rest of my styles but I have no idea what.

    Does anybody have any insight? :)

    Thanks
    Luke

    # March 5, 2013 at 11:26 am

    Bounces in Chrome in the link you gave.

    # March 5, 2013 at 11:28 am

    Link is now borking so I can’t test in Safari.

    # March 8, 2013 at 6:16 am

    Sorry, I realised the problem now though.

    It seems that chrome doesn’t let css animation work when your using less instead of CSS.

    Thats why you couldn’t see the problem because we only use less internally in Development. How strange!

    Thanks anyway Paulie_D :)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".