Почему блок смазывается при rotate?

Question

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

Почему блок шириной в 20px и высотой в 3px при rotate в 90deg смазывается? Что блин происходит ?
codepen.io/dimensi/pen/pywPNQ

Если сделать высоту в 2 или в 4 пикселя, то блоки не размазаны.

Просматриваю с Chrome 49, на IE11 такая же ситуация, на FF нету, но там по хуже, там анимация rotate странно работает.
Но есть сайт где блоки 1 в 1 с такими же параметрами, но такого бага нет.