Steps to reproduce
Steps to Reproduce
- Have a pseudo-element (such as
:before) with an infinitely looping CSS animation that uses
scale()in combination with
(in this demo, the animation is triggered on hover of the parent element)
In the demo example, the pseudo-element should stay in place and only the
scale() transformation should be animated.
After the first cycle of the animation finishes and it begins the loop, the psuedo-element jumps to an incorrect position. It behaves as if the transformation origin changed to a negative value in both axises. The actual
translate() transformation is not maintained.
- If the animation does not loop, this issue cannot be reproduced.
- If the animation is applied without hover state, the issue still exists.
- If the animation uses different keyframes, the issue still exists.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Brad E.”
Changed Assigned To to “Rick J.”