Android and old webkit CSS animation bugs and issues fix

Recently when working with a hamburger type of menu, with rotation and transitions, the Samsung S3 internet browser, Older Safari and others didn’t rendered the final state properly, unless a redraw happened (for example using the inspector changing a property such as width or height, triggered the proper state, in this case, the CROSS it should transition too). The reason this happens is related with the 2d engine. Using -webkit-transform: translateZ(0); sets the 3d engine and works better. The transition animation is not the same as in modern webkit, but, better then nothing!

comments powered by Disqus