Что за баг с анимацией у меня?

Question

[Никита Нафранец]

codepen.io/dimensi/pen/WwOjwJ
В идеале просто крестик должен получаться, а у меня почему-то смазывается :before элемент на хроме, на мазиле вообще сдвигается, а на IE если наводить с разных сторон, то вообще 2 разные анимации происходят.
Где я ошибку допустил? Заранее спасибо.

Answer 1

[Никита Нафранец]

Проблема была в ширине блока, 1 пиксель и происходит такая херня.