Отменить skew

[Zverushka]

http://jsfiddle.net/Zverushka/ZS3Y4/1/

Как видите отмененные трансормации для внутреннего слоя все равно его искажают - текст стал уже (как и сам слой видимо).

Как отменить вот эти 2 трансформации для ребенка нормально?

 

 

Как мне удалось сейчас понять - нужно отменять трасформации в порядке назначения (обратном). Вот такая конструкция уже прекрасно работает:

http://jsfiddle.net/Zverushka/ZS3Y4/3/

Но как вы можете заметить skew(20deg, 0) skew (0, 20deg) - не тоже самое, что и skew(20deg, 20deg);  (ромб не идеальной формы получился). Как же мне оставить ромб нужной формы и в то же время провести обратную трансорфмацию?...

Я попробовала сгенирировать матрицу - но результат вышел такой же, как и в первом случае...

Edited January 15, 2014 by Zverushka

[Switch74]

"Решение отличное, может быть когда-нибудь воспользуюсь"!