css3 - Images rendering everytime translateY animation happens. Only in Chrome -


here code example: http://codepen.io/fornyhucker/pen/zlxtu?editors=110

when hover on "winter image" last 2 images sharp until translatey animation finished. happens in chrome , images going after animated element.

give z-index:1 div > img , z-index:2; div > span. had same problem in past absolute positioned div , z-index solved problem.

demo


Comments

Popular posts from this blog

rdbms - what exactly the undo information lives in oracle? -

bash - How do you programmatically add a bats test? -

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -