Steps to reproduce
Create a simple CSS cube and give its faces
opacity: .8(or any subunitary value).
Set a rotation animation around more than one axis.
Expected result: cube rotates smoothly, no flickering. This is the result in Chrome and Firefox.
Actual result in Edge: faces are occasionally in wrong 3D order and flicker as the cube rotates.
Note that this doesn’t happen in Edge either if the
1 or if the cube rotates around only one axis.
Live test: http://codepen.io/thebabydino/pen/YVdwNd
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “James M.”
Changed Assigned To to “Rick J.”
Changed Assigned To to “Rob A.”
Changed Assigned To to “Chris R.”
Changed Assigned To from “Chris R.” to “Geoffrey T.”
Changed Status to “Confirmed”
Changed Title from “opacity < 1 on cube faces causes flickering during rotation animation” to “opacity < 1 on cube faces causes flickering during rotation animation”