Steps to reproduce
These two animations work fine on Chrome or Firefox. On Edge, however, the opacity transform of the first one shows faster, and the scale transform of the second one doesn’t take effect.
If the transform-origin property is removed, the first one will performs normal.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Steven K.”
Changed Assigned To to “wptcomptri”
Changed Assigned To to “Bogdan B.”
Changed Title from “Problems with keyframes animations of transforms” to “Problems with keyframes animations of transforms on svg elements”
Changed Status to “In code review”
Confirmed. Thanks for your report.