Triggering CSS3 Transform no redimensionamento do navegador

Eu tenho jogado com consultas de mídia CSS3 animadas, sim, eu sei que seu uso prático é questionável, mas é divertido. De qualquer forma, posso obter caixas / divs / seletores para transição / expansão / contrato etc no redimensionamento do navegador, mas estou tendo problemas com as transformações. O que estou tentando fazer é fazer uma div girar ou girar em determinadas resoluções.

Pense nisso como um iPad mudando de paisagem para retrato e div saltando quando isso acontec

Isso é realmente possível? Em caso afirmativo, o que estou perdendo / fazendo de errado?

questionAnswers(4)

yourAnswerToTheQuestion