Конфликт transform: skew и transition
Попробуйте добавить-webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
Это решает многие проблемы с transition и transform
В строке для div, попробуйте указать не "all", а нужное свойство, которое должно трансформироваться, например, transition: opacity 0.5s;
P.S.
А вообще, что-то меня смущает включение  в . Мне кажется семантически будет лучше  со стилем: display: block;