Почему так странно работает transform: scale в css?

Question

[Прейс Дмитрий]

https://jsfiddle.net/o9b7r1ms/3/
На днях игрался с transform в JSfiddle и заметил такую странную особенность: если указать scale и в wrapper, и в элемент, который зависит от wrapper'а, то получается такая вот ахинея - item'ы начинают почему то крутиться. Обращу внимание что я указал у item'а значение высоты 100%.

Понимаю что это из разряда извращений и что так лучше не делать, но все равно очень интересно понять почему же так происходит.

Answer 1

[Антон Спирин]

Это не scale странно работает, а вы transform переопределяете.
было:
transform: rotate(90deg);
после :hover стало:
transform: scale(1, 2);

чтобы rotate сохранить надо так переопределять:
transform: rotate(90deg) scale(1, 2);