search

PButcher / flipdown

⏰ A lightweight and performant flip styled countdown clock
https://pbutcher.uk/flipdown/
MIT License
390 stars 124 forks source link

Animation is out of sync in Safari #8

Closed vasiliki-b-zz closed 5 years ago

vasiliki-b-zz commented 5 years ago

The numbers change before the flip animation completes.

You must add -webkit-backface-visibility: hidden; to your css for front and rear rotor leaves, because backface-visibility alone is not supported by ios/Safari.

PButcher commented 5 years ago

Thanks for spotting and cheers for the fix. Fixed in 12173d167fc27d30a36b017f2de4aa978551ff40

Added you to the acknowledgements.

vasiliki-b-zz commented 5 years ago

Np, you also need to add a border-top to .rotor-leaf-rear cause in safari the middle line seems disappear/reappear during the animation.

PButcher commented 5 years ago

It seems fine to me? In which version of Safari are you seeing this behaviour?

vasiliki-b-zz commented 5 years ago

Safari 12.0

On Thu, Jan 10, 2019 at 2:02 PM Peter Butcher notifications@github.com wrote:

It seems fine to me? In which version of Safari are you seeing this behaviour?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/PButcher/flipdown/issues/8#issuecomment-453213711, or mute the thread https://github.com/notifications/unsubscribe-auth/AP67SjCbc_c8PpTSorAsvQkkCM4y5znhks5vB44tgaJpZM4Zz9H3 .