Запретить дочерним элементам наследовать преобразование поворота в CSS

Я выполняю преобразование CSS: вращаю родительский элемент, но хотел бы иметь возможность свести на нет этот эффект для некоторых дочерних элементов - возможно ли это без использования обратного вращения?

Обратное вращение вращение работает, но влияет на положение элемента и может отрицательно сказаться на производительности (?). В любом случае это не выглядит чистым решением.

Я попробовал предложение «transform: none» из этого вопроса не позволяет детям наследовать преобразование css3 , но это просто не работает - см. Скрипку здесь: http: // jsfiddle .net / NPC42 / XSHmJ /