Forums

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

Home Forums CSS Problem with CSS animate in webkit

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #43164
    lukefrake
    Participant

    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

    #127060
    Paulie_D
    Member

    Bounces in Chrome in the link you gave.

    #127061
    Paulie_D
    Member

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

    #127437
    lukefrake
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.