Animation glitch in Edge and IE 11 (transition-delay not working)?

Question

css

Please tell me, some kind of bug in Edge and IE 11, for some reason the transition-delay does not work.
When you click on the first picture, it immediately disappears (although there is a delay) and the second picture appears, and when the second picture is on it, everything works fine - it disappears with a delay and the first picture appears.

Answer 1

When you nest transform in transform, you can be afraid that something will go wrong.
It's better to directly change the visibility of images (display:none; or visability:hidden) than with a combination of backface-visibility hidden and transform rotate .