I ran into weird issue in Firefox 57.0.2. I have two panels that translate without issue but if I set rotation on container animation plays weirdly. If I set background-color or border on container, it again plays normally. Can somebody please explain what is happening and what changes when we set border or background-color? Any CSS property I can set so it will work properly without background or border?
Demo without background color https://codepen.io/anon/pen/MrpQzj
Demo with background color https://codepen.io/anon/pen/XVMZyg