URL: https://zacqary.github.io/rubix
Browser / Version: Firefox 51.0
Operating System: Mac OS X 10.11
Problem type: Something else - I'll add details below
Steps to Reproduce
This seems to be a bug with Firefox's rendering of 3D CSS transforms. Given a group of div cubes (a la the MDN CSS perspective example: https://developer.mozilla.org/en-US/docs/Web/CSS/perspective), the occluded faces of some of these cubes end up being drawn when they shouldn't be.
- Navigate to: https://zacqary.github.io/rubix
- Click any one of the small arrows to spin a section of the cube
Expected Behavior:
An animation plays of that section of the cube spinning, without any of the black innards of the cube showing
Actual Behavior:
The innards of the cube show during the animation
From webcompat.com with ❤️
URL: https://zacqary.github.io/rubix
Browser / Version: Firefox 51.0
Operating System: Mac OS X 10.11
Problem type: Something else - I'll add details below
Steps to Reproduce
This seems to be a bug with Firefox's rendering of 3D CSS transforms. Given a group of div cubes (a la the MDN CSS perspective example: https://developer.mozilla.org/en-US/docs/Web/CSS/perspective), the occluded faces of some of these cubes end up being drawn when they shouldn't be.
Expected Behavior:
An animation plays of that section of the cube spinning, without any of the black innards of the cube showing
Actual Behavior:
The innards of the cube show during the animation
From webcompat.com with ❤️