h5bp/Effeckt.css

workaround for checkerboard on transformations in chrome?

GalCohen opened this issue · 5 comments

GalCohen commented

Basically, when using css animations and transformations together in certain situation chrome displays a checkered background for the content.

https://code.google.com/p/chromium/issues/detail?id=260979

Have any of you guys encountered this issue and have a temporary solution?

verde-io commented

I'm also currently facing this issue which is driving me a bit crazy, as I've tried all the hacks in the book to make it go away. I'm very curious to know if you've managed to find a workaround. Thanks!

szizso commented

2014/1/3 Tudor Prisãcariu notifications@github.com

I'm also currently facing this issue which is driving me a bit crazy, as
I've tried all the hacks in the book to make it go away. I'm very curious
to know if you've managed to find a workaround. Thanks!

Reply to this email directly or view it on GitHubhttps://github.com//issues/224#issuecomment-31548683
.

wellingguzman commented

Could you please make a screen caption to see what you mean?
I did all the steps but didn't see anything.

And which browser and OS are you on?

verde-io commented

My comment was not related to Effeckt.css, but to the checkerboard bug which seems to be affecting Chrome under certain conditions while performing heavier CSS transitions.

As also linked above, you can read more about the bug at the following link https://code.google.com/p/chromium/issues/detail?id=260979

I've been successful in going round it by using requestAnimationFrame instead of CSS transitions, as suggested in one of the comments in that thread. Though that's not really a fix.

grayghostvisuals commented

This is more of a question about a bug for a browser that is no longer present than something actually wrong with this project itself.