Хелп люди. Столкнулся с такой проблемой. В верстке есть элементы, которые представлены в виде ромбов. Поворачиваю сами блоки css свойством transform: rotate(). Из-за этого при ховер эффекте на некоторое время изменяется вид надписей и иконок во всех блоках.
С надписями я смог справиться добавив к ним - -webkit-font-smoothing: antialiased;, но это исправляет проблему только у webkit, но не в firefox. Плюс так же остался баг с иконками.
Может у кого-нибудь есть решение этой проблемы или альтернативное схема построения подобной сетки из ромбов.
Вот сама верстка
difficultdomain.esy.es/infiti 
Простой
