ビューポートを180度回転させるにはどうすればよいですか？

Question

私は、ビューポートが180度回転しているときにこの効果を達成するための最も簡単な方法（理想的にはCSS付き）が何であるか疑問に思っていました。ここでは例：

https://www.zakgroup.co.uk/projects/agenzia-indipendente-di-ricerca

（注意：このサイトは、もはや私がやったようなので、それを探してあなたの時間を無駄にしない生きている）

Answer 1

#container_2 { 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
    transform: rotate(90deg); 
} 

#container_2 { 
    -webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg); 
    -o-transform: rotate(180deg); 
    -ms-transform: rotate(180deg); 
    transform: rotate(180deg); 
} 

Answer 2

あなたは、あなたをホバーしたい場合以下のコードを使用できます：

#container_2 { 
    border: 1px solid; 
    padding: .5em; 
    width: 5em; 
    height: 5em; 
    transition: .3s all; /* rotate gradually instead of instantly */ 
} 

#container_2:hover { 
    -webkit-transform: rotate(90deg); /* to support Safari and Android browser */ 
    -ms-transform: rotate(90deg);  /* to support IE 9 */ 
    transform: rotate(90deg); 
} 

<div id="container_2">This box should be rotated 90&deg; on hover.</div>