Last Updated: February 25, 2016
· heldrida

Android and Old Webkit CSS Animation bugs and issues fix


Recently when working with a hamburger type of menu, with rotation and transitions, the 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!