css preserve 3d with rotate animation not working anymore on latest browsers

Question

on older versions of chrome(52),opera,firefox slide rotate animation was working with preserve 3d. Now in the latest versions of all browser this is not happening. Heres the live link for demo http://codeplay.co.in/expertise Here you can see the slide rotates flat and when it stops, it transforms with rotateX. On older browsers it used to rotate with transform preserving the 3d animation.

Answer 1

which code is valid for any browser, you can check it below -->

transform preserve edit : it seems not ok for chrome version 52 as site.