CSS3旋轉和起源

Question

我試圖創造一些高端到文本將類似於此，

T 
E 
X 
T 

H 
E 
R 
E 

但是我的代碼產生正確的效果，但不是嚴格正確說話，因爲它是ouputting它像這樣

E 
R 
E 
H 

T 
X 
E 
T 

這是我的CSS，我怎樣才能讓它成爲第一個例子而不是第二個？

.accordion li > h2 { 
    color: black; 
    font-weight: normal; 
    margin: 0; 
    z-index: 2; 
    position: absolute; 
    top: 0; left: 0; 
    -webkit-transform: translateX(-100%) rotate(-90deg); 
    -webkit-transform-origin: right top; 
    -moz-transform: translateX(-100%) rotate(-90deg); 
    -moz-transform-origin: right top; 
    -o-transform: translateX(-100%) rotate(-90deg); 
    -o-transform-origin: right top; 
    -ms-transform: translateX(-100%) rotate(-90deg); 
    -ms-transform-origin: right top; 
    transform: translateX(-100%) rotate(-90deg); 
    transform-origin: right top; 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
} 

Answer 1

要旋轉90deg而不是-90deg。