Chrome countdown visual bug about flipclock HOT 7 CLOSED

This appears to come down to a difference in the way that Chrome handles animation/transform. Stopping the clock causes the problem to go away and the right time be shown without the shading over the top. The class that is making the shadow appear is .play and it controls the animation.

Ah - I suspect I've found the issue. http://leaverou.github.io/prefixfree/#local-xhr

Locally prefix free won't fix the styles in Chrome, which is why they're broken. Let me upload this somewhere and check that this is actually the issue...

from flipclock.

It works fine on my local end, but I use a MAMP web server so that is why it likely works for me.

Feel free to remve the dependency on prefixfree.js. That example CSS I used for the flip animation required it and I haven't take the time to remove the dependency. To be honest, I would rather prefix the CSS to remove this dependency but CSS animations are bit out of my expertise and just haven't spend enough time with it to get it fixed.

from flipclock.

Confirmed - this is just a local testing issue. Works fine when deployed.

from flipclock.

I'm actually planning on making a responsive version of this which will need a bunch of style changes anyway. I might remove the dependency on prefix free at the same time.

from flipclock.

Please remove that prefix dependency, that would be amazing! :D

from flipclock.

@tjmapes, check out https://github.com/marblegravy/FlipClock or the pull request at #25

from flipclock.

@marblegravy thanks!

from flipclock.